/** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Reset ================================================================================= */ @font-face { font-family: HelveticaNeue; src: url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/HelveticaNeue.eot'); /* IE9 Compat Modes */ src: url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/HelveticaNeue.woff2') format('woff2'), /* Super Modern Browsers */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/HelveticaNeue.woff') format('woff'), /* Pretty Modern Browsers */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/HelveticaNeue.ttf') format('truetype'), /* Safari, Android, iOS */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/HelveticaNeue.svg#svgFontName') format('svg'); /* Legacy iOS */ } * { margin:0; padding:0; text-align:left; } p {text-align:left; font-family:arial;} body { background:#fff; font:12px Arial, Helvetica, sans-serif; color:#444; width:100%; min-width:1266px; } img { border:0; vertical-align:top; } a { color:#444; text-decoration:none; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1 { font-size:18px; font-weight:normal;text-align:left; font-family: arial;} h2 { font-size:16px; font-weight:normal; color:#000; } h3 { font-size:14px; font-weight:bold; text-align:left; } h4 { font-size:13px; font-weight:bold;text-align:left; }a h5 { font-size:12px; font-weight:bold;text-align:left; } h6 { font-size:11px; font-weight:bold; text-align:left; } /* 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; border-bottom: 1px solid #dedede; } /* Content */ address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small { font-size:10px; } big { font-size:1.2em; } /*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; } .row .a-center {float:right; margin-right:45px;} .a-right {} .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 { background:#fff; height:150px; clear:both;} .page {margin: 0 auto; text-align: left; width: 100%; background:#fff; border-left:1px solid #cecece; border-right:1px solid #cecece;} .slide-pane, .vertical-slide-pane { overflow: hidden; position: relative; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-empty.checkout-onepage-index{ background:#fff; padding:0px; text-align:left; } .main { min-height:350px; } .sidebar { min-height:350px; } /* Base Columns */ .col-left { margin: 0 0 -1px; width: 226px; } .col-left .block-content { margin: 0 0 -1px; width: 226px !important; } .col-main { float:left; width:815px; padding:0 20px 20px; /*WAS 715px*/ } .col-right { float: right; margin: -3px 0 -5px; padding: 0; width: 220px; } /* 1 Column Layout */ .col1-layout { background-position:-1000px 0; min-height: 555px; } .checkout-cart-index .col1-layout { min-height: auto; } .col1-layout .col-main { float:none; width:auto; } .col1-layout .breadcrumbs { margin-bottom:0 !important; } /* 2 Columns Layout */ .col2-left-layout { background-position:-573px 0; } .col2-left-layout .col-main { float:right; } .col2-right-layout { background-position:573px 0; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout { background-position:0 0; } .col3-layout .col-main { width:532px; margin-left:1px; display:inline; } .col3-layout .col-wrapper { float:left; width:870px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ .homemainleft { float:left; width:200px; margin-left:20px; } .homemainleft img { margin-bottom:10px; } .homemainright { margin-right:20px; } .slide-pane .slide-wrap { position: relative; width: 10000px; } .slide { display:none; } .slide-pane .slide-data { left: 0; position: absolute; } .slide-data ul { } .slide-wrap li { float: left; height: 32px; margin: 0; overflow: hidden; padding: 5px 10px; text-align: center; width: 100px; } .branddiv { clear: both; height: 47px; margin-left: auto; margin-right: auto; width: 1055px; overflow: hidden; } .branddiv li a img { max-height:28px; max-width:100px; } .slidebrand { clear:both; } /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#444; } input.input-text,select,textarea {/* background:#fff; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_input.gif) 0 0 repeat-x; */} input.input-text,textarea { padding:2px 2px; /* background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_input.gif) 0 0 repeat-x; */ } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { padding:2px 2px; border-bottom:1px solid #bbb; } select.multiselect option:last-child { border-top:0; } textarea { overflow:auto; resize:vertical; } textarea.default-value { color:#ddd; } input.radio, input.checkbox { margin-right:3px; font-size:11px !important; margin-top:2px; vertical-align:top; } input.radio { font-size:10px !important; } input.qty { width:2.5em !important; } input.disabled { background:#f6f6f6 !important; color:#bbb !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { border:0; padding:0; margin:0; background-color:transparent; overflow:visible; cursor:pointer; vertical-align:middle; } /*.form-search button.button span { background-color:transparent; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/tinnysearch.jpg); background-repeat:no-repeat; width:45px; margin-right:-12px;} */ .form-search button.button span { background-color: transparent; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/searchicon.png"); background-repeat: no-repeat; height: 30px; margin-left: -2px; margin-top: -3px; width: 30px; } .form-search button.button {margin-right:-20px;background:transparent;} .search_mini_form .form-search input.input-text { border:none; height: 18px; padding: 2px; width: 207px; } a.button, button.button span, a.button span, button.button span span { background-color:transparent; background-repeat:no-repeat; float:left; font: bold 13px arial;} a.button, button.button span { border:0; padding:0 0 0 0px; margin:0; cursor:pointer; background-position:0 0; display:-moz-inline-stack; display:inline-block; color:#1071AE; height:21px; text-decoration:none; } a.button span, button.button span span { color:#FFB614; background-position:100% 0; display:-moz-inline-block; display:inline-block; white-space:nowrap; text-transform:uppercase; font:bold 11px/20px Arial, Helvetica, sans-serif; height:20px; } a.button { line-height:21px; } a.button { line-height:20px; } .button:active span { bottom:-1px; right:-1px; position:relative; z-index:2; } button.button:active span span { margin:0; } button.btn-small span { font-size:11px; line-height:14px; padding:1px 9px 0; } button.disabled { cursor:default !important; bottom:0 !important; right:0 !important; } button.disabled span { cursor:default !important; color:#bbb !important; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form Validation */ .validation-advice { clear:both; font-size:11px !important; padding:3px 0 3px !important; color:#d91a00 !important; } .product-options .validation-error .options-list, .validation-failed { border:1px solid #f47d4e !important; background:#fff7f5 !important; } input.input-text.validation-failed, textarea.validation-failed { background:#fff7f5 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_input-failed.gif) 0 0 repeat-x !important; } span.validation-passed, div.validation-passed { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/icon_ok.gif) 100% 2px no-repeat; padding-right:20px; } span.validation-error, div.validation-error { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/icon_error.gif) 100% 2px no-repeat; padding-right:20px; } .required em { color:#f15c22; margin-right:4px; } p.required { margin:0; padding:5px 0 7px; width:620px; font-size:11px; color:#f02800; } .form-list .validation-advice { width:250px; margin-right:-250px; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Fieldset */ .fieldset { font-size:12px; margin:0 0 16px; } .fieldset p { margin:0 0 1.5em; } .fieldset h2.legend { margin:0 0 1.5em; color:#000; } /* Form lists */ .form-list {} .input-text-address { clear: both; float: left !important; vertical-align: top; width: 374px; padding:2px; } .my-account .form-list .input-box { clear:both; } #aitcheckout-place-order span span { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; text-transform: none !important; } #aitcheckout-place-order2 span span { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; text-transform: none !important; } .form-list li { margin:0 0 9px; vertical-align:top; } .form-list label { float:left; width:110px; padding:2px 15px 0 0; font-size:13px; font-weight:bold; color:#444; text-align:left; clear:both;} .form-list .value { float:left; padding:2px 0 0; } .form-list .note { clear:both; font-size:11px; width:380px; margin:0; padding:3px 0 0 240px; } .form-list span.label { font-weight:normal; } .form-list .input-box { float:left; /* width:256px; */ } .form-list .input-box a { font-size:11px; margin-top:4px; } .form-list input.input-text, .form-list textarea { float:left; width:374px; vertical-align:top; } .form-list textarea { width:374px; height:13em; } .form-list select { float:left; width:380px; vertical-align:top; } .form-list p { margin:0; padding:0 0 0 240px; } ul.add-row, .form-list li.add-row { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; margin:0; text-align:right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } .form-list .add-field .input-box { margin-left:240px } .form-list .control { position:relative; vertical-align:top; z-index:1; } /* row with checkbox or radio button */ .form-list .control label { line-height:16px; } .form-list .control .input-box { position:absolute; left:0; margin-left:240px; line-height:16px; padding-top:1px; } .form-list .control input.radio { margin-top:3px; } .my-account .form-list input.input-text, .form-list textarea { float: left !important; width: 374px; vertical-align: top; clear:both; } .form-alt label { float:none; display:inline; width:auto; } .form-alt li { margin:0 0 5px; line-height:16px; } .form-alt select { width:496px; } .form-alt .input-box { width:496px; margin-top:5px; padding-bottom:11px; } .form-alt .input-text { width:480px; } .form-list-narrow label { width:105px; } .form-list-narrow select { width:290px; } .form-list-narrow input.input-text, .form-list-narrow textarea { width:285px; } .form-list-narrow .wide { width:auto; } .form-list-narrow .add-field .input-box { margin-left:120px; } .form-list-narrow .control .input-box { margin-left:120px; } .inner-form { margin:10px 0 5px; padding:10px 0 0; border:1px dashed #d1d1d1; border-width:1px; background:#f7f7f7; } .inner-form .form-alt label { padding-left:5px; } /* Date Of Birth */ .form-list .customer-dob label { float:none; width:auto; padding:0; font-size:11px; font-weight:normal; color:#777; } .form-list .customer-dob .input-box { float:left; width:auto; margin-right:8px; } .form-list .customer-dob .input-box .validation-advice { display:none !important; } .form-list .customer-dob input.input-text { float:none; display:block; margin-bottom:2px; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-year { float:left; margin-right:8px; padding-right:0 !important; background:none !important; } .form-list .customer-dob .dob-day .validation-advice, .form-list .customer-dob .dob-month .validation-advice, .form-list .customer-dob .dob-year .validation-advice { display:none; } .form-list .customer-dob .dob-day input.input-text { width:104px; } .form-list .customer-dob .dob-month input.input-text { width:104px; } .form-list .customer-dob .dob-year { margin-right:0; } .form-list .customer-dob .dob-year input.input-text { width:138px; } /* Combination of fields */ .form-list li.fields { margin:0; } .form-list li.fields .field { clear:left; padding:0 0 9px; } /* Buttons */ .buttons-set { clear:both; margin:15px 0; } /* general for button containing block */ .buttons-set p.back-link { float:left; padding:2px 15px 0 0; text-align:right; margin:0; } a.back-link { color:#999; } .buttons-set p.back-link a { color:#999; } .buttons-set a.button, .buttons-set button.button { /*float:right; */ margin-left:7px; text-align: center; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; background-color:#ededed; text-align:right; } .form-buttons { margin:0; width:620px; } /* for button containing block under the general form */ .form-buttons .button { float:right; } .form-buttons .button { margin-left:15px; } .form-buttons p.back-link { float:left; width:225px; padding:2px 15px 0 0; text-align:right; } .btn-only { /* padding-left:240px; */ } /* Overrides for 3columns */ .col3-layout .form-list .note { padding-left:165px; width:280px; } .col3-layout .form-buttons p.back-link, .col3-layout .form-list label { width:150px; } .col3-layout .form-list input.input-text, .col3-layout .form-list textarea { width:274px; } .col3-layout .form-list select { width:280px; } .col3-layout .form-list .control .input-box { margin-left:165px; } .col3-layout .form-list .customer-dob .dob-day input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-month input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-year { margin-right:0; } .col3-layout .form-list .customer-dob .dob-year input.input-text { width:98px; } .col3-layout p.required, .col3-layout .form-buttons { width:445px; } /* Global Messages */ .messages { width:100%; overflow:hidden; text-align:left; margin-top:10px; } .messages li { margin:0 0 10px; padding:0; word-wrap:break-word; } .messages ul { padding:10px 17px 18px; margin:0 0 -11px; background-position:35px 100%; background-repeat:no-repeat; position:relative; } .messages ul li { margin:0; padding:0 0 3px; } .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { border-style:solid !important; border-width:1px !important; font-size:12px !important; } p.error-msg { border-style:solid !important; padding:10px; border-width:1px !important; font-size:12px !important; margin:10px 0; } /* Error Message */ .messages li.error-msg,.error-msg { border:1px solid #e9581f; background-color:#fff5f3; color:#d91a00; } .messages li.error-msg a { color:#d91a00; } .messages li.error-msg ul { /* background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_msg-error.gif); */ } p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } /* Success Message */ .messages li.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .messages li.success-msg a { color:#3d6611; } .messages li.success-msg ul { /* background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_msg-success.gif); */ } /* Notification Message */ .messages li.note-msg, .messages li.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .messages li.note-msg a, .messages li.notice-msg a { color:#3d6611; } .messages li.note-msg ul, .messages li.notice-msg ul { /* background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_msg-note.gif); */ } /* std class reset */ .std .messages { margin-top:0; } .std .messages { width:auto; list-style:none !important; padding:0 !important; margin-bottom:0 !important; } .std .messages ul { list-style:none !important; padding-left:17px !important; margin:0 0 -11px !important; } /* BreadCrumbs */ .breadcrumbs { margin:0; padding:7px 20px 18px; text-align:left; } .breadcrumbs li { display:inline; } .breadcrumbs li span, .breadcrumbs a { color: #4D4D4D; font-size: 13px; font-weight: bold; text-decoration: none; } .breadcrumbs a:hover { text-decoration:underline; } /* Page Heading */ .page-title { } .page-title .link-rss { float:right; margin-top:8px; } .page-title h1, .page-title h2 { margin-bottom:10px; color: #313E44; font: bold 24px/28px arial; width:500px;} #contactForm li {list-style:none;} .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; } .title-buttons .link-print { background: url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/icon_printer.gif) 0 1px no-repeat; padding: 0px 12px 0px 23px; white-space: nowrap; margin: 0 0 0 5px !important; } .subtitle { clear:both; padding:10px 0; font-size:18px; color:#d12c01; } .col1-layout .col-main .page-title { } .sub-title { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .sub-title .separator { font-weight:normal; } .sub-title a { font-size:11px; font-weight:normal; text-transform:lowercase; } .section-title { font-size:14px; font-weight:normal; color:#151515; margin:0 0 5px; } /* Pager */ .pager { color: #333333; font-size: 11px; margin: 0 0 10px !important; padding:5px 8px 2px; } .pager p { margin:0 !important; } .pager select { margin-bottom:1px; } .pager .amount { float:left; line-height:20px; } .pager .amount strong { font-weight:normal; } .pager .limiter { float:right; line-height:20px; } .pager .pages a { color:#8c8c8c; text-decoration:underline; } .pager .pages a:hover { color:#8c8c8c; text-decoration:none; } .pager .pages ol, .pager .pages li { display:inline; padding:0 2px; } .pager .pages .current { font-weight:bold; } .pager .pages .i-previous, .pager .pages .i-next { text-decoration:none !important; vertical-align:middle; } .pager-only { clear:both; } .pager-only .pages { margin:0; } /* Sorter */ .sorter { font-size:11px; margin:0 0 0; padding:3px 20px; background:#f5f5f5 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_pager.gif) repeat-x 0 0; border-top:1px solid #ddd; color:#333; } .sorter p { margin:0; } .sorter select { padding:0; margin-bottom:1px; } .sorter .view-mode { float:left; line-height:20px; white-space:nowrap; } .sorter .view-mode label { float:left; margin:0 5px 0 0; } .sorter .view-mode a.list-fix, .sorter .view-mode a.list, .sorter .view-mode strong.list-fix, .sorter .view-mode strong.list, .sorter .view-mode a.grid-fix, .sorter .view-mode a.grid, .sorter .view-mode strong.grid-fix, .sorter .view-mode strong.grid { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_viewmode.gif) no-repeat 0 0; float:left; width:24px; height:17px; text-align:left; text-indent:-999em; overflow:hidden; margin:2px 0 0; } .sorter .view-mode a.list { background-position:-24px 0; } .sorter .view-mode strong.list { background-position:-24px -29px; } .sorter .view-mode a.grid { background-position:0 0; } .sorter .view-mode strong.grid { background-position:0 -29px; } .sorter .view-mode a.list-fix { background-position:0 -58px; } .sorter .view-mode strong.list-fix { background-position:0 -87px; } .sorter .view-mode a.grid-fix { background-position:-24px -58px; } .sorter .view-mode strong.grid-fix { background-position:-24px -87px; } .sorter .sort-by { float:right; line-height:20px; } .sorter .link-feed {} /* Toolbar */ .toolbar { margin-top:-1px; } .toolbar .pager { margin:0 0 0; border-width:1px 0; } .toolbar-bottom { /*display:none;*/ margin-bottom:20px;} /* Data Table */ .table-caption { border:1px solid #ddd; border-bottom:0; margin:-1px 0 0; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block-title.gif) 0 100% repeat-x; font:14px/1.25 Arial, sans-serif; padding:3px 7px 4px; color:#444; margin-bottom:0px !important; } .table-caption a { font-size:11px; text-transform:lowercase; } .data-table { border:1px solid #d9d9d9; border-bottom:0; width:100%; border-collapse:separate; margin-bottom:20px; } .data-table th { padding:5px 12px; color:#2d2d2d; border-bottom:1px solid #d9d9d9; font-weight:normal; text-transform:uppercase; white-space:nowrap; } .data-table td { padding:5px 12px; } .data-table thead { background:#e8e8e8 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_thead.gif) repeat-x 0 0; font-size:11px; } .data-table tbody {} .data-table tfoot { background-color:#ededed; } .data-table tfoot td { padding:5px 12px; } .data-table tfoot th { border:none; text-transform:none; } .data-table tr.first {} .data-table tr.last {} .data-table tr.last th, .data-table tr.last td { border-bottom:1px solid #d9d9d9; } .data-table tr:last-child td, .data-table tr:last-child th { border-bottom:1px solid #d9d9d9; } .data-table tbody tr:nth-child(odd), .data-table tr.odd { background-color:#fff; } .data-table tbody tr:nth-child(even), .data-table tr.even { background-color:#fafafa; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; text-transform:none; border-color:#D9D9D9; background-color:#f7f7f7; } .data-table td.value { float:none !important; border-bottom: 1px solid #d9d9d9; } .data-table .link-rss { display:block; } .page-popup .data-table td, .page-popup .data-table th { border-bottom:1px solid #d9d9d9; } .page-popup .buttons-set .button { float:right; } /* 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(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/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:#ede9e6; font-size:12px; padding:12px !important; } /* USED IN COMPACT CHECKOUT - CHECK FIRST */ tr.summary-details-first td {} tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { display:block; padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_collapse.gif) 100% 3px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -54px; } /* Links */ ul.links, ul.links li { display:inline; } ul.links li .separator { margin:0 2px 0 5px; font-size:10px; color:#8f8f8f; } ul.links li.last .separator { display:none; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; background:#d55721 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_rewards.gif) 5px 3px no-repeat; padding:3px 5px 3px 32px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Reward Points types rewrites */ .reward-review, .reward-tag, .reward-checkout { margin:0; } /* Class: std - styles for admin-controlled content */ .std ul, .std ol, .std dl, .std p, .std address, .std blockquote, .std table {} .std ul { list-style:disc outside; } .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 { } .std hr { margin:0.6em 0; color:#d9d9d9; } .std table { width:100%; } .std table thead { background:#e8e8e8; } .std table th { background:#f7f7f7; font-weight:bold; } .std table thead th { background:#e8e8e8; font-weight:bold; } .std table th, .std table td { padding:5px 10px; border:1px solid #d9d9d9; } .std table[border="0"] { border-width:0; } .std table[border="0"] th, .std table[border="0"] td { border-width:0; } ul.disc li { padding-left:10px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_bulletsm.gif) no-repeat 0 0.5em; } .std ul.disc li { padding-left:0; background:none; } /* Misc */ .link-rss { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/icon_rss.gif) 100% 1px no-repeat; padding-right:18px; white-space:nowrap; } .link-rss:hover { color:#f58550; } .link-print { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/icon_printer.gif) 0 1px no-repeat; padding:2px 0 2px 25px; white-space:nowrap; } .link-cart { font-size:11px; font-weight:bold; color:#c73615; text-decoration:underline; } .link-cart:hover { color:#c73615; text-decoration:none; } .data-table .btn-remove { display:block; margin:0 auto; width:13px; height:12px; font-size:0; line-height:0; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; } .data-table .btn-remove2 {} #checkout_main #cart-sidebar .btn-remove{ margin-right: 8px; } #cart-sidebar .btn-remove{ position: absolute; right: 0; display:inline-block; margin:2px 0 0; width:13px; height:12px; font-size:0; line-height:0; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .product-name > strong:first-of-type { display: block; float: left; margin-right: 20px; overflow: hidden; width: 111px;} .divider { margin:16px 0; background:#e7e7e7; font-size:0; line-height:0; height:1px; 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(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/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 ================================================================================ */ .branding { position:absolute; left:0; margin:-29px 0 0; top:50%; height:56px; } .logo { position:absolute; top:40px;} .free-shipping { float:left; margin:15px 0 0 10px; display:inline; } .header-container { position: relative; text-align: center; width: 100%; height:136px; background:#313e44; margin: 0 auto; } .header { min-height:136px; position:relative; /*z-index:5;*/ } .header .logo { 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 h1.logo {} .header .quick-access { padding-top: 10px; }.header .quick-access .links { float:left; line-height:18px; white-space:nowrap; padding-bottom:9px; margin-left:15px; } .header .quick-access .links li { /* float:left; line-height:18px; */ padding:0 7px 0 4px; } .header .quick-access .links li a { color: #2C373D; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; } .header .quick-access .links li a:hover { color:#1071AE; } .header .quick-access .checkout-link li { font-weight:bold; padding:0 0 0 12px; background-position:6px 4px; } .header .quick-access .cart-link li { font-weight:bold; padding:0 0 0 0px; background:none; } .header .quick-access .summary .popclick{min-width:325px;display:block;} #invitation-send-link { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_sep.gif) no-repeat 100% 50%; padding:0 6px 0 0; margin:0 4px 0 0; font-weight:bold; } #invitation-send-link a { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_invitation-link.gif) no-repeat 3px 6px; padding-left:23px; display:inline-block; } #invitation-send-link a, x:-moz-any-link { background-position:3px -2px; }/* FireFox 2 fix */ #invitation-send-link a, x:-moz-any-link, x:default { background-position:3px 6px; }/* FireFox 3 restore */ #block-alsobought .deal { position: absolute; right: 84px; top: 183px; } .header-panel { text-align:center; z-index:994; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_header-panel-bg.gif) repeat-x 0 100%; /* border-bottom:1px solid #c8c8c8; */ /* height:28px; */ line-height:28px; padding:0 0 0 11px; } .header-panel .welcome-msg { font-weight:bold; display:inline; float:left; line-height:28px; margin-right:5px; } .header-panel .links { float:left; line-height:28px; margin-right:11px; white-space:nowrap; } .header-panel .links li a { color:#1e75b4; } .header-panel .links li a:hover { color:#d33911; } .switches { float:right; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_header-panel-bg.gif) repeat-x 0 100%; padding:0 0 1px 0; } .switch { line-height:28px; margin-left:-1px; margin-right:0; display:inline; float:left; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_header-panel.gif) no-repeat 0 -29px; padding-left:13px; } .switch label { font-weight:normal; margin-right:0; float:left; } .switch .switch-wrapper { float:left; position:relative; z-index:1; padding-left:7px; padding-right:11px; } .switch strong.current { font-weight:normal; } .switch .separator { margin:0 2px; font-size:10px; color:#8f8f8f; } .switch .switcher { color:#1e75b4; cursor:pointer; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_header-panel.gif) no-repeat 100% -73px; padding:0 10px 0 0; margin:0 3px 0 1px; } .switch ul { position:absolute; min-width:100%; text-align:left; top:0; left:0; float:left; line-height:16px; padding:0 0 0 0; border-top:0; } .switch ul li { vertical-align:top; display:block; white-space:nowrap; border:1px solid #c8c8c8; border-top:0; } .switch ul li a { white-space:nowrap; display:block; background:#f2f2f2; padding:4px 6px; color:#1e75b4; text-decoration:none; } .switch ul li a:hover { color:#d33911; background:#f8f8f8; } .switch ul .current { line-height:28px; border:0; cursor:default; padding:0 7px; visibility:hidden; /* background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_header-panel.gif) repeat-x 0 0; */ } .switch ul .current span { padding-right:20px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_close.gif) no-repeat 100% 1px; } .switch .faded { color:#8f8f8f; } .switch .faded li { border-color:#e6e6e6; background-color:#f6f6f6; } .switch .faded a { color:#9ac1dd; } .form-search INPUT .input-text { border:none !important; } .switch ul, x:-moz-any-link { width:100%; }/* FireFox 2 fix */ .switch ul, x:-moz-any-link, x:default { width:auto; }/* FireFox 3 restore */ .list-opened { background-position:100% -129px !important; color:#d33911 !important; } .header .form-search { float:right; clear:right; padding:0px 0 0; white-space:nowrap; } .header .form-search label { display:none; } .header .form-search input.input-text { float:right; background:#fff; width:690px; color:#989898; box-sizing: content-box; text-align:left;} .header .form-search a { display:none; } .header .form-search button.button { margin:0 0 0 2px; } .header .form-search .search-autocomplete { z-index:999; left: 0px!important; top: 28px!important; width: auto!important; right: 0!important;} /********** < Navigation */ .nav-container { height: 49px; margin-bottom: -1px; margin-left: auto; margin-right: auto; padding-bottom: 3px; position: relative; width: 100%; z-index: 400; border-top: 0px solid #e4e4e4; background:#fec82f; color:#333; min-width:1266px; } .nav-container a { color:#333; } .nav-container #nav2 .level-top:hover > a { color:#fff; } #nav { margin-left: auto; margin-right: auto; min-height: 23px; text-align: left; width: 1065px; } /* All Levels */ #nav li.over { z-index:990 !important; } #nav li.parent { position:relative; } #nav li a span { cursor:pointer; } /* 1st Level (Top Level) */ #nav li.level-top { float:left; height:28px; position:relative; z-index:1; } #nav a.level-top { float:left; height:32px; font-weight:bold; font-size:13px; line-height:28px; padding:0 0 0 19px; text-decoration:none !important; color:#333; } #nav a.level-top span { float:left; padding:0 19px 0 0; white-space:nowrap; } #nav li.over a.level-top, #nav li.active a.level-top { height:32px; border:0; padding:0 0 0 19px; color:#116c9f; background:#FFB614;} #nav li.over a.level-top { float:left; height:32px; font-weight:bold; font-size:13px; padding:0 0 0 19px; text-decoration:none !important; color:#116c9f; background:#FFB614;} #nav li.over a.level-top span, #nav li.active a.level-top span { height:32px; padding:0px 19px 0 0; background:#FFB614;} /* 2nd Level */ #nav ul, #nav div { position:absolute; width:13.5em; top:30px; left:-10000px; background:#fbfbfb; padding:5px 11px 10px; border:1px solid #aeaeae; border-top:0; } #nav div ul { position:static; width:auto; background:none; padding:0; border:0 !important; } #nav ul li { float:none; height:auto; display:block; border-bottom:1px solid #e2e2e2; } #nav ul li.last { border-bottom:0; } #nav ul li.parent { } #nav ul li a { display:block; font-size:12px; line-height:1.2; padding:5px 4px; text-decoration:none !important; color:#444; } #nav ul li.last > a { padding-bottom:0; } #nav ul li a:hover { color:#d02600; } #nav ul li a span {} #nav ul li.over a.over { color:#d02600; } #nav ul li.active > a { color:#d02600; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:7px; border-top:1px solid #aeaeae; } /* Show Menu */ #nav li .shown-sub { left:-1px; z-index:991; } #nav li .shown-sub .shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Block: Events */ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; width:182px; position:static; height:144px; text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_ticker.gif); background-repeat:no-repeat; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .col-main .event .event-button { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn-co.gif) 0 50% no-repeat; line-height:27px !important; height:27px !important; padding:0 0 0 13px !important; vertical-align:middle; } .col-main .event .event-button span { width:121px; text-align:center; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn-co.gif) 100% 50% no-repeat; padding:0 13px 0 0 !important; color:#fff; font:bold 15px/27px Arial, Helvetica, sans-serif !important; height:27px !important; text-transform:none; } .event p a { color:#666; font-size:11px; } .event .event-bottom { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_slider-events.gif) no-repeat 50% 0; position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block.gif) repeat-x 0 0; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_category-info.gif) repeat-x 0 100%; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_slide-button.gif) no-repeat 0 0; position:absolute; text-indent:-999em; cursor:pointer; top:17px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left:-11px; } .events-slider .forward { right:-11px; background-position:0 -40px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { background:none; padding:0; } .sidebar .events-slider { border:1px solid #cfcfcf; margin:-1px -1px 0; background:#fff; padding:0; } .sidebar .events-slider .event { height:115px; } .sidebar .events-slider ul.slider li.slider-item { width:182px; height:300px; margin:0; border-color:#cfcfcf; border-width:0 1px 0 0; } .sidebar .events-slider ul.slider .status { padding-top:10px; padding-bottom:5px; } .sidebar .events-slider ul.slider .event-dates { height:40px; } .sidebar .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:50px 10px 0; } .sidebar .events-slider ul.slider li.slider-item .category-show { height:241px; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_category-info.gif) repeat-x 0 100%; } .sidebar .events-slider { margin-top:-1px; } .sidebar .events-slider .backward { left:3px; top:6px; } .sidebar .events-slider .forward { right:3px; top:6px; } .sidebar .events-slider .event-ticker { height:45px; } .sidebar .events-slider .event-ticker span { font-size:22px; line-height:28px; height:28px; padding-bottom:10px; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_ticker1.gif); background-repeat:no-repeat; display:inline-block; } .sidebar .events-slider .event-ticker span.days { background-position:50% -10px; } .sidebar .events-slider .event-ticker span.hour { background-position:50% -69px; } .sidebar .events-slider .event-ticker span.minute { background-position:50% -128px; } .sidebar .events-slider .event-ticker span.second { background-position:50% -185px; } /* Sidebar =============================================================================== */ .sidebar .callout { display:block; margin:10px 0; } /* Generic Block */ .sidebar .block { background:#f5f5f5 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block.gif) repeat-x 0 0; } .sidebar .block .block-title { padding: 10px 17px 11px 10px;} .sidebar .block .block-title strong { display:block; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .sidebar .block .block-title strong span {color: #FFFFFF; font-size: 13px; font-weight: bolder;} .sidebar .block .block-title strong small { font-size:12px; color:#777; } .sidebar .block .block-subtitle, .sidebar .block h3 { font-size:1em; font-weight:bold; color:#555; } .sidebar .block .block-content { color: #555555; display: table; width: 272px; } .sidebar .block .btn-remove { color:#222; margin-right:3px; } .sidebar .block .btn-remove a { color:#222 !important; text-decoration:none !important; } .sidebar .block .actions { margin:8px 0 0; text-align:right; } .sidebar .block .actions a { float:left; color:#999; margin-top:3px; } .sidebar .block .actions button.button { float:right; } .sidebar .block li a.btn-previous, .sidebar .block li a.btn-remove { float:right; width:13px; height:0; padding-top:12px; margin-top:3px; overflow:hidden; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/btn_remove.gif) no-repeat 0 0; } .sidebar .block li a.btn-previous { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_icon-back.png) no-repeat 0 0; } .col-main .block { background:#fff; } .col-main .block .block-title { padding:5px 20px 5px; margin:0 -1px; } .sidebar .block .block-title {padding:5px 20px 5px; margin:0 -1px; } .col-main .block .block-title h2, .col-main .block .block-title h3 { font-size:14px; line-height:1.2; color:#000333; font-weight:bold; } .col-main .block .block-content { padding:20px; } .col-left img {margin-bottom:10px;} /* Generic box */ .info-box { border:1px solid #cfcfcf; margin-top:-1px; background:#f5f5f5 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block.gif) repeat-x 0 0; position:relative; z-index:1; } .info-box .box-title { margin:17px 17px 0 17px; font:14px/1.25 Arial, Helvetica, sans-serif; padding:0; color:#222; } .info-box .box-title a { font-size:11px; text-transform:lowercase; } .info-box .box-content { padding:10px 17px 17px; color:#555; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Block: Account */ .sidebar .block-account { background:#f5f5f5 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block.gif) repeat-x 0 0; } .sidebar .block-account .block-title {/* padding:26px 17px 12px; border-bottom:1px solid #d1d1d1;*/ } .sidebar .block-account .block-title strong { font-size:18px; line-height:23px; color:#111; } .sidebar .block-account .block-content { padding:0; } .sidebar .block-account li { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; font-size:12px; padding-bottom:1px; } .sidebar .block-account li a { color:#666; text-decoration:none; background:#fff; display:block; padding:5px 13px 4px; } .sidebar .block-account li a:hover { color:#000; text-decoration:none; } .sidebar .block-account li.current { font-weight:bold; background:#fff; border:1px solid #d1d1d1; border-width:1px 0; color:#0062b0; padding:5px 13px 4px 14px; margin:-1px -1px 0 0; } .sidebar .block-account li.last { border-bottom:0; background-image:none; } /* Block: Layered Navigation */ .sidebar .block-layered-nav { background:none; } .sidebar .block-layered-nav .block-title {} .sidebar .block-layered-nav .block-title h2 { font-size:18px; color:#111; } .sidebar .block-layered-nav .block-subtitle { display:block; } .sidebar .block-layered-nav .block-content { padding:0; } .sidebar .block-layered-nav dl { padding:10px 14px 17px 0px; width:202px; } .sidebar .block-layered-nav dt { margin:2px 0 0; font-weight:bold; font-size:12px; color:#222; } .sidebar .block-layered-nav dd { margin:0 0 13px; color:#666; } .sidebar .block-layered-nav dd.last { margin:0; } .sidebar .block-layered-nav dd li { margin:2px 0; } .sidebar .block-layered-nav dd a { color:#222; text-decoration:none; } .sidebar .block-layered-nav dd a:hover { text-decoration:underline; } .sidebar .block-layered-nav .currently {padding: 7px 6px 9px 0; width: 187px; } .sidebar .block-layered-nav .currently .block-subtitle { display:block; margin-bottom:5px; } .sidebar .block-layered-nav .currently li { padding:5px 26px 5px 0; color:#444; position:relative; z-index:1; } .sidebar .block-layered-nav .currently li .btn-remove { position:absolute; right:-7px; top:4px; } .sidebar .block-layered-nav .currently li .btn-previous { position:absolute; right:12px; top:4px; } .sidebar .block-layered-nav .currently .label { font-weight:bold; color:#d33911; font-size:12px; display:inline-block; } .sidebar .block-layered-nav .currently .value { display:inline-block; } .sidebar .block-layered-nav .actions { text-align:right; padding:5px 7px; margin:1px 0 -1px; background:#f4f4f4; border-bottom:1px solid #d1d1d1; width:211px; } .sidebar .block-layered-nav .actions a { float:none; } /* Block: Cart */ .sidebar .block-cart .block-title { background:#363636; padding:7px 17px; } .sidebar .block-cart .block-title strong { font-weight:bold; color:#fff; } .sidebar .block-cart .summary { margin:0 -17px; padding:0 12px 5px; background:#363636; color:#fff; text-align:center; position:relative; z-index:1; } .sidebar .block-cart .summary a { font-weight:bold; color:#fff; } .sidebar .block-cart .summary .subtotal { margin:3px 0 0; } .sidebar .block-cart .summary .subtotal .price { font-weight:bold; } .sidebar .block-cart .actions { margin:8px 0 13px; text-align:center; } .sidebar .block-cart .actions button.button { float:none; } .sidebar .block-cart .block-content { padding-top:0; } .sidebar .block-cart .block-content table { margin:5px 0 0 0; } .sidebar .block-cart .block-content table th { padding:1px 5px 1px 0; color:#8f8f8f; text-align:right; } .sidebar .block-cart .block-content table td { text-align:left; padding:1px 0; } .sidebar .block-cart li a.btn-remove { float:none; background:none; margin:0; padding:0; width:auto; height:auto; overflow:visible; } .mini-products-list li.item { padding:5px 0; } .mini-products-list li.last { border:none; } .mini-products-list .product-image { float:left; width:50px; margin-right:-50px; } .mini-products-list .product-details-img{ clear: both; margin-left: auto; margin-right: auto; margin-top: 10px; height:auto; text-align: center; width: 100%; } .mini-products-list .regular-price { display: block; } .mini-products-list .product-details { } .sidebar .mini-products-list .product-details { margin-left:auto; } .mini-products-list .product-details .product-name { font-size:12px; } .product-details .prod-price-list { display: inline; left: -21px; margin-left: 0; position: relative; text-align: left;} .mini-products-list .product-details .price-box {} .mini-products-list .product-details h4 {} .mini-products-list .product-details .btn-remove { font-size:11px; } .mini-products-list .product-image{ float: none; font-size: 12px; font-weight: bold; height: auto; margin-bottom: 0px; margin-left: auto; margin-right: auto; text-align: center; text-decoration: underline; width: auto; } .mini-products-list .ratings{ display: block; margin: auto; text-align: left; width: 179px;} .mini-products-list .product-details .prod-price-list{ display: inline-block; left: 0; margin-left: 0; position: static; text-align: center; } .sidebar .mini-products-images-list li.item { float:left; padding:5px; text-align:center; } .block-products .mini-products-list .product-details { margin-left:65px; } .product-details-bought { clear:both;} /* Top Shopping Cart */ .top-cart { float:right; /* width:360px; */ position:relative; padding-left:7px; } .top-cart .block-title { white-space:nowrap; /* _width:242px; min-width:242px; */ cursor:pointer; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_topcart.gif) 0 3px no-repeat; color:#1e75b4; font-weight:bold; font-size:11px; text-transform:uppercase; padding:0 0 0 18px; line-height:18px; height:18px; } .top-cart .block-title strong { display:block; padding-right:10px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_header-panel.gif) 100% -71px no-repeat; font-size:11px; color:#1e75b4; font-weight:bold; text-decoration:none; } .top-cart .block-title.expanded { background-position:0 3px !important; } .top-cart .block-title.expanded strong { background-position:100% -126px !important; color:#d33911; } /* .top-cart .no-items { cursor:default; } .top-cart .no-items h3 { background:none; } */ .top-cart .block-content { position:absolute; right:0; top:20px; width:267px; background:#fdfdfd; } .top-cart .inner-wrapper { border:1px solid #c1c1c1; } .top-cart .block-content .block-subtitle { font-size:10px; color:#d12c01; font-weight:bold; text-transform:uppercase; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_header-panel.gif) repeat-x 0 -8px; line-height:12px; padding:3px 10px 4px; } .top-cart .block-content .block-subtitle .close-btn { float:right; width:13px; height:0; padding-top:12px; text-align:left; overflow:hidden; cursor:pointer; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_close.gif) no-repeat 0 0; position:relative; z-index:1; } .top-cart .cart-empty .close-btn { float:right; width:13px; height:0; padding-top:12px; text-align:left; overflow:hidden; cursor:pointer; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_close.gif) no-repeat 0 0; position:relative; z-index:1; } .top-cart .cart-empty { padding:10px 10px 10px 20px; } .top-cart .block-content ol { padding-bottom:7px; } .top-cart .block-content .item { padding:8px 5px 8px 11px; } .top-cart .block-content .item .product-name { font-size:11px; line-height:14px; } .top-cart .block-content .item .product-name a { font-size:11px; text-decoration:none; color:#444; } .top-cart .block-content table { margin:5px 0 0 0; } .top-cart .block-content table th { padding:1px 8px; color:#8f8f8f; text-align:right; } .top-cart .block-content table td { text-align:left; padding:1px 0; } .top-cart .block-content .subtotal { background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 0; padding:2px 5px; text-align:center; } .top-cart .actions { background:#e3e3e3 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 -1px; text-align:center; padding:5px 11px; text-align:right; } .top-cart .actions a { float:left; line-height:23px; } .top-cart .actions button { float:none; } .top-cart .actions button.button span, .top-cart .actions button.button span span { background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn-onbg.gif); background-repeat:no-repeat; } .top-cart .paypal-logo a { float:right; } .top-cart .paypal-logo .paypal-or { clear:both; display:block; margin: 5px 33px 5px 0px; } /* Block: Wishlist */ .block-wishlist {} /* Block: Compare Products */ .block-compare li {} /* Block: List */ .block-list .block-content ol { margin:-5px -13px; } .block-list li.item { padding:5px 10px 5px 13px; } .block-list .actions { padding:5px 0 0; } .sidebar .block-list .product-name { font:normal 11px/1.25 Arial, Helvetica, sans-serif; color:#444; } .sidebar .block-list .product-name a { color:#444; } /* Block: Poll */ .block-poll li { margin:5px 0; } .block-poll input.radio { float:left; margin:1px -18px 0 0; vertical-align:top; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { float:right; font-weight:bold; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; font-size:11px; font-weight:normal; } /* Block: Banner */ .block-banner { border:0; margin:10px 0; } .block-banner .block-content { border-top:0; padding:0; background:#cbcbcb; text-align:center; } .top-container .block-banner { background:#d0d0d0; margin:0; } /* Paypal */ .sidebar .paypal-logo { display: none; margin: 10px 0; text-align: center; } .paypal-review-order .legend { font-size:14px; font-weight:normal; margin:0 0 6px; } .paypal-review-order .col2-set .legend { font-weight:bold; } .paypal-review-order .paypal-shipping-method { padding-left:120px; } .paypal-review-order .paypal-shipping-method .box-title { margin:0 0 6px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-view { margin:0 -20px -20px; } .category-title {clear:both; } .category-title .rss-feed { float:right; margin:7px 0 0; padding-left:17px; line-height:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/icon_rss.gif) 0 0 no-repeat; white-space:nowrap; text-decoration:none; } .category-title .rss-feed:hover { text-decoration:underline; } .category-view .note-msg{ display:none;} .results-view { margin:0 -20px -20px; } .results-view .recommendations { padding:20px 20px 0; } .catalogsearch-result-index .page-title { margin-bottom:0; } .catalogsearch-result-index .note-msg { margin:20px 0; } .sidebar .category-title { margin:0; } .category-image { text-align:center; margin:0 0 10px; } .category-image img { display:block; margin:0 auto; } .col-wrapper .col-main{ width: 655px; } .category-products .price-box { font-size:12px; } /* View Type: Grid */ .products-grid { /* JS Fix For Zoomed Users */} .products-grid li.last { margin-right:0; } .products-grid .actions {} .products-grid .product-image { display: block; position: relative; text-decoration: none !important; } .products-grid .product-name { margin-left: auto; margin-right: auto; text-align:center; height:53px; padding-top: 5px; width: 201px; word-wrap: break-word; } .products-grid .product-name a { text-decoration:none; } .products-grid .ratings { text-align:left; line-height:13px; } .products-grid .rating-links { display:block; padding:2px 0 0; clear:both; } .products-grid .price-box { margin:5px 0 10px; clear:both; } /* View Type: List */ .products-list li.item { margin:0 0 20px 0; padding:0 20px 20px 20px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; } .products-list li.last { background-image:none; } .products-list .product-image { float:left; margin-right:-186px; text-decoration:none !important; position:relative; } .products-list .product-shop { margin-left:186px; } .products-list .product-name { margin-bottom:5px; } .products-list .price-box { margin:5px 0 10px; } .products-list .desc { margin:5px 0 10px; font-size:12px; } .products-list .desc .link-learn { white-space:nowrap; } .products-grid .special-price, .products-list .special-price { font-size:12px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .catalog-product-view .col1-layout .col-main { padding-top:0; } .col2-left-layout .product-view, .col2-right-layout .product-view { background:none; width:755px; } .col2-left-layout .product-view .product-shop, .col2-left-layout .product-view .product-collateral, .col2-right-layout .product-view .product-shop, .col2-right-layout .product-view .product-collateral { float:none; width:695px; } .col2-left-layout .product-view .product-img-box, .col2-right-layout .product-view .product-img-box { float:none; width:auto; } .col2-left-layout .product-view .product-img-box .product-image, .col2-right-layout .product-view .product-img-box .product-image { margin:0 auto; } .col3-layout .product-view { background:none; width:572px; } .col3-layout .product-view .product-shop, .col3-layout .product-view .product-collateral { float:none; width:512px; } .col3-layout .product-view .product-img-box { float:none; width:auto; } .col3-layout .product-view .product-img-box .product-image { margin:0 auto; } .col-right img { margin-bottom:10px; } #messages_product_view { margin: 5px auto 15px; position: relative; width: 100%; z-index: 1; } #messages_product_view .messages { margin:0 0 1px; } #messages_product_view .messages li { margin:0; position:relative; z-index:1; } .product-essential {} .product-collateral { float:right; clear:right; width:416px; padding:30px; } .product-collateral .emailto-link { font-size:11px; margin:0; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_arrow-bullet.gif) no-repeat 0 4px; padding-left:12px; } .box-collateral { background:#fff; } .box-collateral .box-title { background:#e7e7e7 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block-title.gif) repeat-x 0 0; border:1px solid #e1e1e1; padding:5px 20px 5px; margin:0 -1px; } .box-collateral .box-title h2 { font-size:14px; line-height:1.2; color:#000333; font-weight:bold; } .box-collateral .box-content { padding:20px; } .tab-list { position:relative; } .tab-list .tab { float:left; cursor:pointer; } .tab-list .last {} .tab-list .active { cursor:default } .tab-list .tab-container { position:absolute; left:0; width:100%; } .tab-list .tab-content {} .collateral-tabs { padding-bottom:20px; margin:0; } .collateral-tabs .tab { position:relative; z-index:2; margin-right:3px; background:#dedede url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_collateral-tabs.gif') no-repeat 0 -39px; color:#222; padding:0 0 0 17px; font-size:12px; } .collateral-tabs .tab span { background:url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_collateral-tabs.gif') no-repeat 100% -39px; padding:0 17px 0 0; line-height:24px; float:left; } .collateral-tabs .last {} .collateral-tabs .active { color:#000; font-weight:bold; z-index:3; border-bottom:0; background:#fff url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_collateral-tabs.gif') 0 0 no-repeat; } .collateral-tabs .active span { background-position:100% 0; padding-bottom:1px; } .collateral-tabs .tab-container { z-index:1; top:24px; background:#fff; } .collateral-tabs .tab-content { padding:30px 25px; background:#fff; border:1px solid #c4c4c4; font-size:12px; } .collateral-tabs .tab-content object, .collateral-tabs .tab-content embed { width:100% !important; height:auto !important; } .product-img-box .specialoffersticker { display: block !important; } /* Product Images */ .product-view .product-img-box { float:left; width:495px; } .product-view .product-img-box .product-image img { width:470px;background:#fff;margin-left:5px;margin-top:5px; } /*IE8 PNG Fix */ .product-view .product-img-box p.notice { text-align:center; padding:5px 0; font-size:11px; } .product-view .product-img-box .product-image { border: 1px solid #CFCFCF; height: 470px; overflow: hidden; position: relative; width: 470px; z-index: 3; } .product-view .product-img-box .product-image-zoom { position:relative; width:370px; height:370px; overflow:hidden; z-index:3; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views { margin:10px 10px 0; padding:0 0 0; } .product-view .product-img-box .more-views h2 { display:none; } .product-view .product-img-box .more-views ul {} .product-view .product-img-box .more-views li { float:left; border:1px solid #ddd; margin:0 6px 6px 0; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { clear:none; line-height:28px; margin:0 0 10px; float:right; width:150px; text-align:right; } .product-image-popup .buttons-set .button { vertical-align:middle; float:none; } .product-image-popup .image { display:block; clear:both; margin:15px auto 15px; } .product-image-popup .image-label { font-size:14px; text-align:left; clear:both; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .product-image-popup .nav { text-align:center; margin:0 auto; width:120px; } .product-image-popup .nav .prev, .product-image-popup .nav .next { margin:0 15px; display:inline; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_slide-button.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer; width:28px; height:28px; z-index:2; overflow:hidden; float:left; } .product-image-popup .nav .prev { left:-19px; float:left; } .product-image-popup .nav .next { right:-19px; float:right; background-position:0 -40px; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border-color:#fff; border-style:solid; cursor:crosshair !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/zoomloader.gif) no-repeat 43px 30px; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { border:1px solid #ccc; background-color:#fff; } /* Product Shop */ .product-view .product-shop { float: left; margin-left: 20px; width: 637px; } .product-view .product-shop .product-main-info { margin:0 -30px 30px; padding:20px 30px 5px; background:#f6f6f6 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_page-title.gif) repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .product-view .product-shop .ratings { margin:10px 0; } .product-view .product-shop .ratings p { margin:0; } .product-view .product-shop .product-ids { margin:4px 0 10px; color:#999; display:none; } .product-view .product-shop .availability { font-size:12px; } .product-view .product-shop .price-box { margin:10px 0; } .product-view .product-shop .price-box .price-label { font-size:11px; } .product-view .product-shop .price-box .price-as-configured .price-label { font-size:12px; } .product-view .product-shop .price-box .price-as-configured .price { color:#e55100; font-size:14px; } .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-shop .price-box .regular-price .price { color:#111; font-size:14px; } .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .special-price .price { font-size:14px; color:#c73615; } .product-view .product-shop .price-box .price-as-configured .price-including-tax .price { color:#e55100; } .product-view .product-shop .price-box .price-as-configured .price-excluding-tax .price { color:#222; font-size:11px; } .product-view .product-shop .price-box p { margin:4px 0; } .product-view .product-shop .add-to-links { float:left; margin:10px 0; } .product-view .product-name h1 { color: #000; font-size: 27px; font-weight: inherit; line-height: 2.2; } .product-view .product-ids { text-transform:uppercase; } .product-view .short-description { padding:10px 0; clear:both; font-size:13px; display:none; } .product-view .short-description h2 { margin:0 0 5px; font-size:13px; } .product-view .product-shop .add-to-cart { padding:20px 0px 0px 0; } /* Rating */ .rating-box { width:65px; height:13px; font-size:0; line-height:0; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_rating.gif) 0 100% repeat-x; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_rating.gif) 0 0 repeat-x; } .today-products .rating-box .rating { background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png") !important; background-position: 0 0; background-repeat: repeat-x; float: left; height: 22px !important; } .ratings { margin:5px 0; } .ratings .rating-box { float:left; margin-right:5px; } .ratings .amount { font-size:12px; } .ratings .rating-links { margin:0; font-size:11px; } .ratings .rating-links a { text-decoration:underline; } .ratings .rating-links a:hover { text-decoration:none; } .ratings .rating-links .separator { margin:0 3px; } .ratings dt {} .ratings dd {} /* Availability */ .availability { font-weight:bold; } .availability.in-stock { color:#1b6800; } .availability.out-of-stock { color:#cf3a00; position: absolute; width:193px; text-align:center; margin-top:-3px;} .availability-only { margin:10px 0 7px; line-height:16px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/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(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/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:#d12c01; } .availability-only-details { margin:0 0 7px; border:1px solid #d9d9d9; } .availability-only-details thead { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_thead.gif) repeat-x scroll 0 0 #e8e8e8; } .availability-only-details th, .availability-only-details td { padding:2px 8px; } .availability-only-details th { border-bottom:1px solid #d9d9d9; font-size:10px; text-transform:uppercase; } .availability-only-details td { background:#fff; font-size:11px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price { text-decoration:line-through; color:#989696; } .old-price .price-label { white-space:nowrap; color:#989696; } .old-price .price { font-weight:normal; text-decoration:line-through; color:#989696; } .sidebar .old-price .price-label { display:none !important; } /* Special price */ .special-price {} .special-price .price-label { white-space:nowrap; color:#c73615; font-weight:bold; } .special-price .price { font-weight:bold; color:#c73615; } .sidebar .special-price .price-label { display:none !important; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; margin:5px 0; text-decoration:none; } a.minimal-price-link:hover { text-decoration:underline; } .minimal-price-link .label { font-weight:bold; } .minimal-price-link .price { font-weight:bold; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { white-space:nowrap; } .price-from .price { white-space:nowrap; } .price-to {} .price-to .price { white-space:nowrap; } .price-to .price-label { white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label {white-space:nowrap; } .price-as-configured .price { font-size:14px; color:#e55100; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .product-pricing { background:#fbf4de; border:1px solid #e2d4c7; padding:8px; margin:20px 0; } .product-pricing li { line-height:1.35; margin:2px 0; } .product-pricing li .price { font-weight:bold; } .product-pricing li .benefit { font-weight:bold; } /* Add to Links */ .add-to-links { margin:5px 0 0; font-size:11px; } .add-to-links li { margin:2px 0; } .add-to-links a { color:#999; } .add-to-links a:hover {} .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart {} .add-to-cart label { font-size:12px; vertical-align:middle; font-weight:bold; margin-right:5px; text-transform:capitalize; } .add-to-cart .qty { margin-left: 12px; vertical-align: middle; width: 103px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .add-to-cart-alt { white-space:nowrap; padding:5px 0; } .add-to-cart-alt .qty { margin-right:5px; } .add-to-cart-alt .qty, .add-to-cart-alt .button { vertical-align:middle; } button.btn-cart span {} /* On product view */ .product-view .product-essential button.btn-cart span, .add-to-cart button.btn-cart span { margin-top:-2px; height: auto; } .product-view .product-essential button.btn-cart span span, .add-to-cart button.btn-cart span span { border:0; padding:1px 32px 0 19px !important; color:#fff; font:bold 15px/26px Arial, Helvetica, sans-serif !important; height:26px; text-transform:none; } .product-view .product-essential button.btn-gr span span, .add-to-cart button.btn-gr span span { font-size:14px !important; padding:1px 18px 0 10px !important; } .product-view .add-to-cart .paypal-logo { margin:0; } .add-to-cart /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart {} .add-to-box .add-to-links { margin:0 !important; } .add-to-box .add-to-links li { margin:0 0 2px; } .product-options dl.last dd.last { width: 300px; } .add-to-cart img { width: 200px; margin-left: -3px; } /* Product Options */ .product-options { margin:10px 0 0; } .product-options dt label { font-weight:bold; font-size:12px; } .product-options dt .required em { margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:5px 0 15px; padding:0 0 12px; border-bottom:1px solid #e7e7e7; } .product-options dl.last dd.last {} .product-options dd .input-box { display:block; padding-right:20px; } .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 .time-picker select { vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width: 300px; } .product-options .options-list {} .product-options .options-list li { vertical-align:middle; margin:0; padding:2px 0; line-height:1.315; } .product-options .options-list input.radio { float:left; margin:2px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:2px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options .validation-error .options-list, .product-options ul.validation-failed { padding:2px 1px !important; position:relative; z-index:2; top:-3px; left:-2px; margin-right:-2px; } .options-container-small .product-options .validation-error .options-list, .options-container-small .product-options ul.validation-failed { padding:0 1px !important; position:relative; z-index:2; top:-1px; left:-2px; margin-right:-2px; } .product-options li { margin:3px 0; } .product-options-bottom .product-pricing { clear:both; } .product-view .product-options-bottom { padding:0; margin:0 0 5px; } .product-view .product-options-bottom .add-to-cart { float:left; padding-right:15px; padding-bottom:20px; } .product-view .product-options-bottom .price-box { margin:0 !important; float:right; } .product-view .product-options-bottom p.required { padding:5px 0 0; clear:both; text-align:right; width:auto; } /* Options in product info column */ .options-container-small { margin:20px 0 0; } .options-container-small .product-options-bottom { float:left; } .options-container-small .product-pricing { display:none; } .options-container-small .price-box { display:none; } .options-container-small .add-to-cart { padding:13px 15px 0 0 !important; } .options-container-small .product-options-bottom p.required { padding:0 0 0 90px; width:auto; float:left; clear:left; text-align:left; } .options-container-small dt { clear:left; float:left; line-height:1.2; width:10em; padding:3px 5px 3px 0; margin:0 0 8px; } .options-container-small dd { float:left; width:275px; border-bottom:0; padding:0; margin:0 0 8px; } .options-container-small .product-options { margin:0 0 0; } /* Options after product info column */ .options-container-big { clear:both; background:#fff; padding:20px; border-top:1px solid #cfcfcf; border-width:1px 0; } /* Bundle product - alternative view */ #customizeTitle { margin:0; } .bundleProduct {} .product-options .bundle-summary { font-size:11px; } .bundleProduct .product-options { font-size:12px; margin-top:0; } .bundleProduct .product-options-bottom { padding:0; font-size:12px; margin:0 0 5px; line-height:27px; } .bundleProduct .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } .bundleProduct .product-options-bottom .price-box { margin:0; float:right; } .bundleProduct .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .with-bundle { position:relative; z-index:1; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_cols.gif) 460px 0 repeat-y; } /**/ #bundle-product-wrapper { margin:-1px -20px -21px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; float:left; width:938px; overflow:hidden; position:relative; z-index:1; } #bundleProduct { width:1877px; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_cols.gif) repeat-y 279px 0; z-index:1; position:relative; } #productView { margin:0; position:static; border:0; } #options-container { min-height:510px; width:938px; position:relative; z-index:2; float:right; border-left:1px solid #cfcfcf; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_cols.gif) repeat-y 460px 0; left:-1px; } #options-container h1 { text-align:left; } #bundleProduct .add-to-links { float:none; } /* Bundle Product 2 column design */ .col2-left-layout #bundle-product-wrapper, .col2-right-layout #bundle-product-wrapper { width:755px; } .col2-left-layout #bundleProduct, .col2-right-layout #bundleProduct { background-position:574px 0; width:1511px; } .col2-left-layout #options-container, .col2-right-layout #options-container { background-position:277px 0; left:-1px; width:755px; } .col2-left-layout #options-container .product-options, .col2-right-layout #options-container .product-options { width:459px; } .col2-left-layout #options-container .product-options-bottom, .col2-right-layout #options-container .product-options-bottom { width:429px; } .col2-left-layout .bundle-summary, .col2-right-layout .bundle-summary { left:460px; } /* Bundle Product 3 column design */ .col3-layout #bundle-product-wrapper, .col3-layout #options-container { width:572px; } .col3-layout #bundleProduct { background-position:390px 0; width:1144px; } .col3-layout #options-container { background-position:94px 0; } .col3-layout #productView { margin-right:-10px; } .col3-layout #options-container .product-options { width:276px; } .col3-layout #options-container .product-options-bottom { width:246px; } .col3-layout #options-container .product-options-bottom .price-box { float:none; } .col3-layout .bundle-summary { left:277px; } #options-container .product-options { font-size:12px; margin-top:0; font-size:11px; z-index:1; margin:0; width:600px; padding:20px 20px 0; clear:both; position:relative; z-index:1; } #options-container .product-options-bottom { padding:0 20px 20px; width:600px; margin:0 0 5px; } #options-container .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } #options-container .product-options-bottom .price-box { margin:0 0 15px; float:right; } #options-container .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .moving-now {} .bundle-summary { background:#fff; position:absolute; z-index:2; left:643px; margin-top:0; padding:20px; width:256px; } .bundle-summary .product { background:#fff; border-bottom:1px solid #ddd; margin-bottom:10px; padding:10px 8px; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .product .block-title { background:none; border:solid #e6e6e6; border-width:0 0 1px; margin:0 0 10px; padding:5px 0; position:relative; } .bundle-summary .product .block-title h2 { color:#5a5a5a; font-weight:normal; padding-left:5px; } .bundle-summary .product-image { border:1px solid #d6d6d6; float:left; margin:0 -60px 0 0; } .bundle-summary .product-details {} .bundle-summary .product-details p.availability { font-weight:bold; font-size:11px; margin:28px 0 0; position:relative; } .bundle-summary .price-box { margin-bottom:35px; } .bundle-summary .price-box .price-as-configured .price { font-weight:normal; } .bundle-summary .price-box .price-as-configured .price-label { color:#010101; font-size:14px; font-weight:normal; margin-right:10px; } .bundle-summary .product-name { font-size:16px; color:#111; } .bundle-summary .product .add-to-links { border-top:1px solid #e6e6e6; margin-top:10px; padding:7px 0 2px 5px; } .bundle-summary .product .add-to-links .clickable > strong, .bundle-summary .product .add-to-links a { color:#ef5d24; font-weight:bold; } .bundle-summary .product .add-to-links li { display:inline-block; } .bundle-summary .product .add-to-links li:first-child { margin-right:15px; } .bundle-summary .summary { padding:10px 8px !important; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .summary h4 { border-bottom:1px solid #e6e6e6; color:#5a5a5a; font-size:14px; font-weight:normal; padding:0 0 5px 5px; } .bundle-summary .summary ul { margin:6px 0 10px; } .bundle-summary .summary li { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x bottom; margin:0; padding:11px 0 7px; } .bundle-summary .summary .last { background:none; padding-bottom:0; } .bundle-summary button.btn-cart span, .bundle-summary button.btn-cart span span { background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bg_bundle_btn.gif); font-weight:normal !important; height:23px !important; line-height:23px !important; padding:0 0 0 18px !important; } .bundle-summary button.btn-cart span span { padding:0 18px 0 0 !important; } .bundle-summary .add-to-cart .qty { margin-right:80px; } .bundle-summary .add-to-cart button { margin:10px 0 0; } .bundle-summary .add-to-cart .paypal-logo { text-align:left; } .bundle-summary .add-to-cart .paypal-or { margin:5px 0 5px 42px; } #bundleProduct .page-title a { color:#ef5d24; position:relative; text-decoration:none; top:4px; } #bundleProduct .page-title a:hover { text-decoration:underline; } #bundleProduct .page-title a small { font-size:14px; font-weight:bold; } #bundleProduct .product-options { padding:0; width:642px; } #bundleProduct .product-options dt, #bundleProduct .product-options dd { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bg_bundle_options.png) repeat-x; } #bundleProduct .product-options dd { background-position:0 -33px; border-bottom:1px solid #bfbfbf; margin:0; padding:20px 10px 20px 30px; } #bundleProduct .product-options dt { border-bottom:1px solid #e6e6e6; color:#010101; line-height:32px; padding:0 10px 0 30px; } #bundleProduct .product-options dl.last .last { border-bottom:none; } #bundleProduct .product-options p.required { padding:0; position:absolute; right:10px; top:10px; } #bundleProduct .product-options-bottom { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bg_bundle_options_bottom.png) repeat-x 0 0; padding:11px 15px 0; width:612px; } #bundleProduct .product-options-bottom a { color:#ef5d24; font-size:11px; font-weight:bold; text-decoration:none; } #bundleProduct .product-options-bottom a:hover { text-decoration:underline; } #bundleProduct .product-options-bottom a small { font-size:14px; } #bundleProduct .product-options-bottom .price-as-configured { font-size:11px; } #bundleProduct .product-options-bottom .price-as-configured .price { font-size:12px; vertical-align:baseline; } #bundleProduct .product-options-bottom .price-as-configured .price-label { color:#010101; font-weight:bold; margin-right:15px; } /* Grouped Product */ .groped-product-type { position:relative; z-index:2; margin:20px -30px -20px; background:#fff; border-top:1px solid #cfcfcf; padding:20px 30px 0; } .grouped-items td { vertical-align:middle; padding:5px 10px; } /* Gift Card product */ .giftcard-form {} .giftcard-amount-form { margin:0 0 10px; } .giftcard-amount-form label { width:120px; text-align:left; padding-right:5px; } .giftcard-amount-form .form-list .input-text { width:70px; } .giftcard-amount-form .form-list select { width:150px; } .giftcard-amount-form .form-list .input-box { padding-right:20px; margin-right:9px; } .giftcard-amount-form .form-list .input-box .v-fix { white-space:nowrap; } .giftcard-amount-form .form-list .input-box p.notice { float:left; padding:0; clear:left; width:55px; margin:5px -100px 0 0; white-space:nowrap; font-size:11px; position:relative; z-index:1; } .giftcard-amount-form .form-list .input-box p.notice span { margin-right:5px; display:block; } .giftcard-send-form { background:#fff; z-index:2; position:relative; border-top:1px solid #ddd; padding:30px 30px 10px; margin:0 -30px -30px; } .giftcard-send-form label { width:120px; text-align:left; padding-right:5px; padding-bottom:5px; } .giftcard-send-form .field label { padding-bottom:0; } .giftcard-send-form .field .input-text { width:249px !important; } /* Block: Related */ .product-view .box-related { font-size:11px; } .product-view .box-related p { margin:0; } .product-view .box-related .product-name { font-size:12px; } .product-view .box-related .price-box { margin:8px 0; } .product-view .box-related .note { padding:5px 20px; margin:0; font-size:12px; background:#f7edda; } .product-view .box-related .note, .product-view .box-related .note a { color:#d02600; } .product-view .box-related input.checkbox { position:absolute; margin:3px 0 0 105px; } .product-view .box-related ol { padding:20px 0 20px 20px !important; } .product-view .box-related li.item .item-info { margin-right:20px; } .product-view .box-related li.item { width:31.5%; float:left; margin-right:1%; } .product-view .box-related li.item p a { color:#999; } .product-view .box-related li.item .product-image { float:left; margin-right:-100px; width:100px; } .product-view .box-related li.item .product-details { margin-left:125px; } /* 3 Column Block: Related */ .col3-layout .product-view .box-related li.item .product-image { display:block; float:none; margin:0 auto; } .col3-layout .product-view .box-related li.item .product-details { margin-left:0; } .col3-layout .product-view .box-related input.checkbox { margin-left:135px; } /* Block: Upsell */ .product-view .box-up-sell .products-grid { padding:30px 0 10px 61px; margin:0; } .product-view .box-up-sell .products-grid li { width:176px; margin-right:40px; display:inline; } /* 2 Column Block: Upsell */ .col2-left-layout .product-view .box-up-sell .products-grid, .col2-right-layout .product-view .box-up-sell .products-grid { padding:30px 0 10px 30px; margin-right:0; } .col2-left-layout .product-view .box-up-sell .products-grid li, .col2-right-layout .product-view .box-up-sell .products-grid li { display:inline; width:140px; } /* 3 Column Block: Upsell */ .col3-layout .product-view .box-up-sell .products-grid { padding:30px 0 10px 15px; margin:0; } .col3-layout .product-view .box-up-sell .products-grid li { width:135px; margin-right:2px; display:inline; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3 { font-size:12px; font-weight:normal; } .product-view .box-tags .form-add-tags { padding:5px 0 0 0; } .product-view .box-tags .form-add-tags label { margin:0; font-weight:bold; font-size:12px; padding:2px 15px 0 0; height:4em; float:left; } .product-view .box-tags .form-add-tags .input-box { margin:0; display:inline-block; } .product-view .box-tags .form-add-tags div.validation-passed, .product-view .box-tags .form-add-tags div.validation-error { padding-right:17px; } .product-view .box-tags .form-add-tags input.input-text { width:300px; } .product-view .box-tags .form-add-tags button.button { margin-left:5px; vertical-align:top; } .product-view .box-tags .form-add-tags p { padding:5px 0; font-size:11px; } .product-view .box-tags .tags-list { margin:15px 0; line-height:1.5em; } .product-view .box-tags .tags-list li { display:inline; font-size:10px; margin:0 5px 0 0; } .product-view .box-tags .tags-list li a { text-decoration:none; font-size:12px; margin:0; padding:3px; background:#fffcf0; } .product-view .box-tags .tags-list li a:hover { text-decoration:underline; } .product-view .box-tags .form-add-tags .input-box , x:-moz-any-link { float:left; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .button , x:-moz-any-link { margin-bottom:15px; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .input-box , x:-moz-any-link, x:default { float:none; }/* FireFox 3 restore */ .product-view .box-tags .form-add-tags .button , x:-moz-any-link, x:default { margin-bottom:0; }/* FireFox 3 restore */ /* Block: Reviews */ .product-view .product-main-info .review-summary-table { margin:10px 0; } .review-summary-table { border:0; margin:0 0 10px; } .review-summary-table th, .review-summary-table td { padding:2px 5px; } .review-summary-table tr.last td { border:0; } .review-summary-table th.label, .review-summary-table td.label { width:1px; white-space:nowrap; padding-left:0; background:none; } .product-view .box-reviews .pager { border-width:1px 0; margin:0; } .product-view .box-reviews dt { margin:10px 0; font-style:italic; } .product-view .box-reviews dt a { font-weight:bold; font-style:normal; margin-right:10px; } .product-view .box-reviews dd { margin:10px 0 20px; padding:0 0 10px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; } .product-view .box-reviews dd p { margin:0 0 10px; } .product-view .box-reviews dd .date { margin:0 0 10px; font-style:italic; } .product-view .box-reviews dd.last { background:none; margin-bottom:0; } /* Add Review Form */ .product-view .box-reviews .product-name { font-weight:normal; margin-bottom:20px; } .product-view .box-reviews .product-name span { font-weight:bold; } .product-view .box-reviews .form-list { margin:15px 0; } .product-view .box-reviews .form-list .input-box {} .product-view .box-reviews .form-list .review-summary-table thead { background:none; } .product-view .box-reviews .form-list .review-summary-table thead th { background:none; border:0; } .product-view .box-reviews .form-list .review-summary-table .value { text-align:center; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .review-product-list .col-main { padding-top:0; } .product-review {} .product-review .product-img-box { float:left; width:285px; } .product-review .product-img-box .product-image { display:block; margin:0 0 15px; } .product-review .details { float:right; width:400px; } .product-review .details .product-name { font-size:15px; font-weight:bold; color:#151515; line-height:19px; margin:0 0 10px; } .product-review .details p.date { font-size:12px; font-style:italic; } .product-review .details p { margin:10px 0; } .product-review .details .review-summary-table { margin:10px 0; } .product-review .buttons-set { clear:both; padding:25px 0 0; } .review-product-view .col-main { background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_cols.gif) repeat-y -430px 0; padding:0; } .review-product-view .col-main .page-title { margin-left:0; margin-right:0; } .review-product-view .product-review .product-img-box { padding:0 0 20px 20px; } .review-product-view .product-review .details { width:570px; padding:0 20px 20px 0; } .review-product-view .product-review .buttons-set { border-top:1px solid #d1d1d1; background:#fff; margin:0; padding:15px 20px; } /* ======================================================================================= */ /* CMS ============================================================================= */ .cms-home .col1-layout, .cms-index-index .col1-layout { border:0; position: relative; z-index:1;} .cms-home .top-callout, .cms-index-index .top-callout { margin-bottom:6px; } .cms-home .col1-layout .col-main, .cms-index-index .col1-layout .col-main { padding:0; } .cms-index-index .col2-set {} .cms-home .col2-set .col-1, .cms-index-index .col2-set .col-1 { width:705px; } .cms-home .col2-set .col-2, .cms-index-index .col2-set .col-2 { width:244px; border:1px solid #d9d7ca; border-left:0; margin-left:-244px; } .cms-home .col2-set .col-2 img, .cms-index-index .col2-set .col-2 img { display:block; margin:6px auto; } .cms-home .col1-layout .category-view, .cms-index-index .col1-layout .category-view { margin:0 0 20px; } .cms-home .col1-layout .page-title, .cms-index-index .col1-layout .page-title { margin:3px 0 0; } .cms-home .col1-layout .products-grid, .cms-index-index .col1-layout .products-grid { margin:0; border:1px solid #cbc0b2; padding-top:20px; padding-bottom:20px; } .cms-home .col1-layout .products-list, .cms-index-index .col1-layout .products-list { margin:0; border:1px solid #cbc0b2; padding-top:20px; } .cms-hp-touchsmart-iq506-has-arrived .col-main { padding:0; } .cms-hp-touchsmart-iq506-has-arrived .main { margin-top:0; } .cms-hp-touchsmart-iq506-has-arrived .breadcrumbs { display:none; } .new-product-spotlight { border:1px solid #cfcfcf; border-top:0; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/callouts/electronics/new_computer_bg.jpg) no-repeat; height:519px; position:relative; } .new-product-spotlight .link { position:absolute; top:95px; left:318px; } .new-product-spotlight .more-new-positioning { position:absolute; top:42px; right:70px; width:207px; } .new-product-spotlight .more-new-positioning h3 { margin-bottom:5px; font-size:11px; text-transform:uppercase; font-weight:bold; } .new-product-spotlight .more-new { position:relative; height:335px; } .new-product-spotlight .more-new .arrow-up { position:absolute; top:0; left:0; height:20px; width:207px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/callouts/electronics/more_new_arrow.gif) no-repeat; text-indent:-999em; } .new-product-spotlight .more-new .arrow-down { position:absolute; bottom:0; left:0; height:20px; width:207px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/callouts/electronics/more_new_arrow.gif) no-repeat 0 100%; text-indent:-999em; } .new-product-spotlight .more-new .content { position:absolute; top:20px; left:0; width:205px; height:295px; border-width:0 1px; border-style:solid; border-color:#dcdcdc; background:#fff; } .new-product-spotlight .more-new ol { margin:10px 15px; padding-left:0; list-style-type:none; } .new-product-spotlight .more-new .item { padding:10px 0 10px 85px; border-bottom:1px solid #d2d2d2; } .new-product-spotlight .more-new .item.top {padding-top:0; } .new-product-spotlight .more-new .item.last { border-bottom:0; padding-bottom:0; } .new-product-spotlight .more-new .item img { float:left; margin-left:-85px; position:relative; } .new-product-spotlight .more-new a { font-weight:bold; } .cms-menu { padding:15px; border-bottom:1px solid #d1d1d1; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_cms-menu.gif) 0 0 repeat-x; font-size:12px; list-style-position:inside; } .col-main .cms-menu { float:left; width:240px; border:1px solid #d1d1d1; margin:0 10px 5px 0; } .cms-menu li { color:#999; margin:3px 0; } /*.cms-menu li span { color:#444; }*/ .cms-menu li.parent > a, .cms-menu li.parent > strong { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_cms-menu-arrow-down.gif) 100% 50% no-repeat; padding-right:13px; } .cms-menu li strong { font-size:13px; font-weight:bold; color:#333; } .cms-menu li ul, .cms-menu li ol { padding-left:15px; margin-bottom:7px; list-style-position:inside; } /* CMS Menu Types */ ol.cms-menu.type-1 { list-style-type:decimal; } ol.cms-menu.type-1 ol { list-style-type:decimal; } ol.cms-menu.type-a { list-style-type:lower-alpha; } ol.cms-menu.type-a ol { list-style-type:lower-alpha; } ol.cms-menu.type-A { list-style-type:upper-alpha; } ol.cms-menu.type-A ol { list-style-type:upper-alpha; } ol.cms-menu.type-i { list-style-type:lower-roman; } ol.cms-menu.type-i ol { list-style-type:lower-roman; } ol.cms-menu.type-I { list-style-type:upper-roman; } ol.cms-menu.type-I ol { list-style-type:upper-roman; } ul.cms-menu.type-circle { list-style-type:circle; } ul.cms-menu.type-circle ul { list-style-type:circle; } ul.cms-menu.type-disc { list-style-type:disc; } ul.cms-menu.type-disc ul { list-style-type:disc; } ul.cms-menu.type-square { list-style-type:square; } ul.cms-menu.type-square ul { list-style-type:square; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:12px !important; font-weight:bold; color:#333; font-family:arial !important;} .product-name a { color:#333; text-decoration:underline; } .product-name a:hover { color:#333; text-decoration:none; } /* Product Tags */ .tags-list { margin:5px 0; } .tags-list li { display:inline; font-size:12px; } .tags-list li a { text-decoration:none; margin:0 2px 0 0; } .tags-list li a:hover { text-decoration:underline; } /* Advanced Search */ .search-summary { padding:10px 10px 0; margin:10px 0 0; font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 0; } .search-summary li { margin:2px 0; } /* Sitemap */ .page-sitemap .links { display:block; text-align:right; margin:0 20px -36px 0; } .page-sitemap .links a { position:relative; } .page-sitemap .sitemap { padding:0 20px; margin:15px 0; font-size:12px; } .page-sitemap .sitemap li { margin:3px 0; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .checkout-cart-index .col-main { padding:0; } .checkout-cart-index .col-main .page-title { margin:0; } .cart-empty { padding:20px; background:#fff; } .cart { } .cart .title-buttons { padding-right:15px; } .cart .messages, .cart .messages li { margin:0; } .cart .checkout-types { float:right; text-align:center; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .checkout-types fieldset { display:inline; } .cart .checkout-types .btn-proceed-checkout span { height:27px !important; padding:0 0 0 0px !important; } .cart .checkout-types .btn-proceed-checkout span span { border:0; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn-co.gif); padding:1px 32px 0 19px !important; color:#fff; font:bold 15px/26px Arial, Helvetica, sans-serif !important; height:26px; text-transform:none; margin:0 !important; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table */ .cart-table { border-width:1px 0; } .cart-table .item-msg { font-size:10px; } .cart-table thead th { vertical-align:bottom; } .cart-table tbody td { padding:12px; } .cart-table .btn-continue { float:left; background:none; border:none; } .cart-table .btn-continue span { background:none; border:none; text-transform:none; color:#444; text-decoration:underline; font-weight:normal; padding:0; } .cart-table .btn-update { float:right; margin-left:5px; } .cart-table .btn-empty { float:right; } .cart-table {background-color: #ffffff;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding-left: 0px; padding-top: 10px; width: auto; } .cart .cross-inside { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_crosssell.gif) repeat-y 0 0; } .cart .cart-collaterals h2 { color: #FFB614; font: bold 20px/28px arial; margin: 0 0 10px;} .cart .deals { float:left; width:280px; display:inline; margin:0 0 0 30px; font-size:12px; } .cart .deals p, .cart .deals label { margin:0 0 7px; display:block; } .cart .deals .input-text { width:140px; margin:0 5px 3px 0; float:left; } .cart .deals .widget-sku { display:block; margin:0 0 20px; width:264px; } .cart .deals .widget-sku .block-title { background:inherit; border:inherit; color:#000; font-size:16px; margin:0 0 5px; padding:0; } .cart .deals .widget-sku .block-title strong { font-weight:normal; } .cart .deals .widget-sku .block-content { padding:0; } .cart .deals .widget-sku .sku-table td input { width:98%; } .cart .giftcard { position:relative; z-index:1; } .cart .giftcard button.check-gc-status { clear:both; } .cart .giftcard button.check-gc-status span { padding:0 !important; background:none !important; line-height:1.3 !important; color:#444 !important; height:auto !important; font-weight:normal !important; text-transform:none !important; } .cart .giftcard button.check-gc-status span span { text-decoration:underline; font-size:12px !important; } .cart .giftcard, .cart .discount { margin:0 0 20px 0; } .cart .cancel-btn { margin:5px 30px 0 0; clear:left; } .cart .shipping { display: inline; float: left; font-size: 12px; } .cart .shipping h2{} .cart .shipping .input-label{ float:left; width:150px; margin-left: 1px; } .cart .shipping .input-box{ float:left; width: 245px; min-height: 30px; } .cart .shipping .shipping-rates{ position:relative; left:-5px; } .cart .shipping #sp-rates label{ font-weight: normal; } .cart .shipping #country{ } .cart .shipping select { width:256px; } .cart .shipping .input-text { width:250px; } .cart .shipping p { margin:0 0 15px; } .cart .shipping .buttons-set { width:256px; } .cart .shipping .form-list label { float:none; width:auto; text-align:left; padding:0; } .cart .shipping .form-list .input-text, .cart .shipping .form-list select { display:block; float:none; } .cart .crosssell { float:left; min-height:400px; width:260px; padding:0 20px 15px 30px; border:1px solid #d9d9d9; border-width:0 1px 0 0; background:#fbf3f0; } .cart .crosssell h2 { font-size:11px; color:#cd3800; font-weight:bold; text-transform:uppercase; } .cart .crosssell .item { padding:17px 0 0 ; } .cart .crosssell .product-image { float:left; margin:3px -90px 0 0; } .cart .crosssell .product-shop { margin-left:90px; } .cart .crosssell .product-name, .cart .crosssell .price-box, .cart .crosssell p, .cart .crosssell .add-to-links { margin:0 0 5px; } .cart .crosssell .add-to-links li { margin:0; } /* Shopping Cart Totals */ .cart .totals { float: left; font-size: 14px; padding: 1px 0 0;} .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:0 5px 5px;} .cart .totals table td:first-child{ padding-left: 0px; } .cart .totals table tfoot strong { font-weight:normal; font-size:18px; color:#cd3800; display:block; margin:10px 0 15px; } .cart .totals table tfoot .summary-total td { /*padding:0 0 20px;*/ } .cart .totals table tfoot th strong { margin:0; } .cart .totals table tfoot td .price { font-weight:bold; } .cart .totals .btn-remove { vertical-align:middle; } .cart .totals .btn-remove img { vertical-align:baseline; } .cart .totals .checkout-types li { margin:0 0 15px; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding-top:8px; line-height:1.0; font-size:11px; } .failed-products { border:1px solid #E9581F; } .failed-products .sub-title { background:#FFF5F3 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/icon_error.gif) no-repeat 10px 50%; color:#D91A00; margin:0; padding:10px 10px 10px 30px; border-bottom:1px solid #E9581F; } .failed-products .item-msg.error { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/icon_error.gif) no-repeat left; font-size:11px; color:#D91A00; padding:5px 0 5px 20px; } /* Empty Cart Add by SKU */ .cart-empty .failed-products { clear:both; z-index:1; position:relative; margin:40px -20px -21px; } /* Options Tool Tip */ .item-options p { font-size:11px; font-weight:bold; text-transform:uppercase; padding:10px 12px 0 12px; } .item-options dt { font-weight:bold; padding:7px 0 7px ; } .item-options dd { padding-bottom:5px; } .truncated { cursor:help; margin:5px 0 0; position:relative; z-index:1; width:110px; } .truncated:hover { z-index:2; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; color:#514f4f; } .truncated .truncated_full_value {} .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:0; width:190px; border:1px solid #c8c8c8; border-bottom:1px solid #919191; background-color:#fff; } .truncated .truncated_full_value .item-options dl { margin-right:-9px; position:relative; z-index:9999; padding:0px 21px 10px 12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_truncated.gif) no-repeat 100% 38px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } .top-cart .truncated .show .item-options { top:-60px; left:-206px; } .block-cart .truncated .show .item-options { top:-60px; left:-206px; } /* Item options in the cart */ .data-table .item-options dt { padding:3px 0 0 10px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_bulletsm.gif) 0 .8em no-repeat; } .data-table .item-options dd { padding:0 0 3px 10px; } .data-table .item-options dd .price { font-weight:bold; margin-left:5px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .checkout-onepage-index .col-main { padding:20px 0 0; } .opc-wrapper { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_cols.gif) repeat-y -573px 0; } .opc-wrapper .page-title { margin:0; position:relative; z-index:1; } .opc-wrapper .page-title .callout { position:absolute; top:7px; right:20px; z-index:1; } /* Block: Checkout Progress */ .opc-progress-container { float:left; width:182px; } .opc-progress-container .opc-block-progress { background:#fff; } .opc-progress-container .opc-block-progress .block-title { padding:17px 11px 10px 17px; background:none; border:0; border-bottom:1px solid #cfcfcf; } .opc-progress-container .opc-block-progress .block-title strong { font:18px/1.1 Arial, Helvetica, sans-serif; padding:0; color:#111; } .opc-progress-container .opc-block-progress .block-content { padding:17px 11px 17px 17px; } .opc-progress-container .opc-block-progress dt { font-weight:bold; margin:2px 0 8px; } .opc-progress-container .opc-block-progress dt.complete { font-weight:bold; margin:2px 0 4px; } .opc-progress-container .opc-block-progress dt.complete a { font-weight:normal; text-transform:lowercase; } .opc-progress-container .opc-block-progress dd.complete { margin:5px 0 8px; padding:5px; } .opc-progress-container .block-progress .cards-list dd { padding:0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight:normal; } .opc { float:right; width:755px; } .opc li.section { position:relative; } .opc .step-title { margin:0 0 1px; } .opc .step-title .number { } .opc .step-title h2 { font-size:11px; line-height:22px; padding:0 14px; font-weight:bold; text-transform:uppercase; } .opc .allow .step-title {} .opc .allow .step-title h2 { color:#fff; cursor:pointer; } .opc .active {} .opc .active .step-title { margin:0 0 0; padding:0 0 0 0; } .opc .active .step-title h2 { color: #1071AE; cursor: default; font-size: 18px; font-weight: bold; height: 25px; text-transform: capitalize; width: 212px; } .opc .step { padding:20px; min-height:300px; font-size:12px; background:#fcfcfc; border-top:0; } .opc .step .tool-tip { right:10px; } .opc .order-review { } .opc .order-review .authentication { margin:0 auto; width:570px; } .opc .order-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Steps */ .opc .form-alt .input-box { width:695px; } .opc .form-alt .input-box select { width:695px; } #checkout-step-login { height:auto !important; min-height:0 !important; padding:0; } #checkout-step-login .col2-set { padding:20px 20px 30px; background:#fcfcfc url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_cols.gif) repeat-y 195px 0; height:auto !important; min-height:0 !important; } #checkout-step-login .login-only { background-image:none; } #checkout-step-login h4 { font-size:16px; color:#000; font-weight:normal; margin:0 0 15px; } #checkout-step-login .col2-set .col-1 {} #checkout-step-login .col2-set .col-2 { width:338px; } #checkout-step-login .col2-set .col-2 .radio { margin-right:5px; } #checkout-step-login .col2-set .col-2 li { padding-left:10px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_bulletsm.gif) no-repeat 0 0.5em; } #checkout-step-login .col2-set .col-2 .form-list li { background:none; padding-left:0; } #checkout-step-login .form-list label, #checkout-step-login .form-list .label { width:90px; } #checkout-step-login .btn-only { padding:0 0 0 105px; text-align:left; width:214px; } #checkout-step-login .btn-only .button { float:right; } #checkout-step-login p { margin:0 0 15px; } #checkout-step-login .form-list p { padding-left:105px; margin:0; } #checkout-step-login .form-list .input-text { width:210px; } #checkout-step-login .form-list li.note { float:left; padding-left:105px; margin:0 0 9px; width:auto; clear:left; } #checkout-step-login .form-list li.control { float:left; clear:left; } #checkout-step-login .form-list li.control .input-box { margin-left:105px; } #checkout-step-login .form-list li.buttons-set { float:right; clear:none; padding-right:30px; padding-top:2px; } .opc .buttons-set .opc .form-buttons { width:auto; text-align:right; } .opc .buttons-set p.back-link { text-align:left; } .opc .form-buttons { width:auto; text-align:right; } .opc .buttons-set .button, .opc .form-buttons .button { clear: both; } .opc p.required { text-align:right; width:auto; padding-left:0; } .checkout-onepage-payment-additional-customerbalance { margin-bottom:5px; } .checkout-onepage-payment-additional-customerbalance .checkbox { margin-left:0; } /* #checkout-step-shipping_method .buttons-set, #opc-payment .buttons-set { width:521px; margin-top:10px; margin-bottom:0; } #checkout-step-shipping_method .buttons-set .back-link, #opc-payment .buttons-set .back-link { width:245px; padding-right:15px; float:left; text-align:right; } #checkout-step-shipping_method .buttons-set .back-link a, #opc-payment .buttons-set .back-link a { display:inline; float:none; } #checkout-step-shipping_method p.required, #opc-payment p.required { padding:0 0 0 260px; } #opc-payment p.note { padding:10px 0; font-size:11px; } */ #checkout-step-review { padding:0; } #checkout-step-review .data-table { border:0; font-size:13px; } #checkout-step-review .data-table .item-options { font-size:11px; } #checkout-step-review .data-table thead th { vertical-align:bottom; font-size:11px; } #checkout-step-review .data-table .product-name { font-size:12px; } #checkout-step-review .data-table tfoot tr.last strong { font-size:14px; } #checkout-step-review .buttons-set { padding:15px 20px; margin:0; } .opc .checkout-agreements { margin:20px; } /* Multiple Addresses Checkout */ .checkout-progress, .checkout-progress li.first span, .checkout-progress li.last span { background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_crumbs.gif); background-repeat:no-repeat; } .checkout-progress { padding:0 0 0 0; border-bottom:1px solid #cfcfcf; background-color:#ededed; text-align:center; margin:-21px -21px 5px; font-size:11px; font-weight:bold; text-transform:uppercase; width:940px; position:relative; z-index:2; } .checkout-progress li { float:left; width:20%; text-align:center; color:#888; line-height:20px; } .checkout-progress li span { display:block; text-align:center; border-right:1px solid #cfcfcf; } .checkout-progress li.first span { background-position:0 0; } .checkout-progress li.last span { background-position:100% 0; border:0; } .checkout-progress li.active span { color:#fff; background-color:#d12c01; } .multiple-checkout { position:relative; z-index:1; } .multiple-checkout .data-table thead th { vertical-align:bottom; } .multiple-checkout .col3-set .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .multiple-checkout .col3-set address { padding:10px; clear:both; } .multiple-checkout .col3-set, .multiple-checkout .col2-set { margin:0 0 15px; } .multiple-checkout .buttons-set { padding:15px 0; clear:both; width:auto; } .multiple-checkout .buttons-set .button { float:right; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-weight:normal; font-size:18px; color:#cd3800; text-align:right; display:block; margin:10px 0 15px; } .multiple-checkout .grand-total .price-label { font-weight:normal; } .multiple-checkout .grand-total .price { font-weight:bold; } .multiple-checkout .sp-methods { font-size:12px; } .multiple-checkout .checkout-multishipping-payment-customerbalance { font-size:12px; margin-bottom:7px; } .multiple-checkout .fieldset label { font-size:11px; } .multiple-checkout .gift-item .fieldset { font-size:11px; width:380px; } /* Review Details */ #checkout-step-review .data-table .btn-remove, .checkout-multishipping-overview .data-table .btn-remove, #details-table .btn-remove { display:-moz-inline-stack; display:inline-block; vertical-align:middle; } /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin-bottom:5px; } .sp-methods dd { margin:0 0 7px; } .sp-methods dd li { margin:5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; margin:15px 0; } .sp-methods .form-list .input-text { width:250px; } .sp-methods .form-list select { width:256px; } .sp-methods .form-list label { width:155px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .input-box { line-height:21px; } .sp-methods .radio, .sp-methods .checkbox {} .sp-methods .v-fix .validation-advice { margin-right:-250px; position:relative; z-index:1; width:250px; } .sp-methods .adv-container { padding-left:170px; } .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; } .checkmo-list li { margin:0 0 4px; } .checkmo-list label { padding-top:0; } .checkmo-list address { float:left; } .please-wait { background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #F3B66F; color: #F18200; font-size: 12px; font-weight: bold; left: 44%; margin: -34px 0 0 -90px; padding: 20px; position: fixed; top: 50%; vertical-align: middle; white-space: nowrap; z-index: 99; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Payment Bridge */ .pbridge-reload { display:block; text-align:right; } .pbridge-reload a { color:#1e75b4; font-size:11px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message { padding:20px 0; } .add-gift-message h3 { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .add-gift-message p { margin:10px 0; } .gift-message-form { border:1px solid #d1d1d1; background:#f5f5f5 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block.gif) repeat-x 0 0; } .gift-message-form .fieldset { padding:10px 0 10px; } .gift-message-form .fieldset .input-text, .gift-message-form .fieldset textarea { width:200px; } .gift-message-form .fieldset textarea { width:200px; height:8em; } .gift-message-form .inner-box { padding:0; height:300px; overflow:auto; } .gift-message-form .inner-box h5, .gift-message-form .inner-box h4 { font:14px/1.25 Arial, Helvetica, sans-serif; padding:0 20px; color:#222; margin:17px 0; } .gift-message-form .inner-box p { margin:10px 0; padding:0 20px; } .gift-message-form .gift-item { padding:5px 0 0; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; } .gift-message-form .gift-item .number { padding:5px 20px 5px; margin-bottom:0; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; color:#adadad; font-weight:bold; } .gift-message-form .gift-item .product-img-box { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-y 100% 0; float:left; width:150px; padding-right:15px; } .gift-message-form .gift-item .product-image { text-align:center; margin:20px; } .gift-message-form .gift-item .product-name { font-size:12px; margin:20px 0 5px; text-align:center; } .gift-message-form .gift-item .fieldset { float:left; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-y 0 0; padding:20px 0 10px 10px; margin:0 0 0 -2px; } .gift-message-form .gift-item .fieldset label { width:80px; } .gift-message-form .gift-item .gift-wrapping-form { padding:0 20px; } .gift-options-for-order { padding:0 40px; } .gift-options-for-order .fieldset { padding:0; } .gift-options-for-order .fieldset p { padding:0; } .gift-options-for-order .fieldset label { width:80px; } .gift-options-for-order .fieldset .input-text, .gift-options-for-order .fieldset textarea { width:340px; } .gift-wrapping-form { padding:0 0 10px; } .gift-wrapping-form img { border:1px solid #ccc; float:left; margin-right:10px; } .gift-wrapping-form label { margin-right:10px; vertical-align:middle; } .gift-wrapping-form .gift-wrapping-design { overflow:hidden; padding:10px 0 0; width:100%; } .gift-message-link { display:block; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; width:13px; height:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/gift-message-close.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #d8cea8; font-size:11px; background-color:#fffdef; padding:15px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:10px 0; font-size:12px; font-weight:bold; } .checkout-agreements .agree .checkbox { margin-right:5px; } /* Centinel */ .centinel { margin:10px 0; } .centinel p { margin:0 0 10px; } .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 { margin:0; padding:20px; } /* Checkout Success */ .checkout-onepage-success .col-main { font-size:12px; } .checkout-onepage-success .col-main p { margin:0 0 10px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Invitation page ======================================================================= */ #invitationForm p.required { padding-bottom:20px; } /* Compare popup ========================================================================= */ .catalog-product-compare-index tr.last a, .catalog-product-compare-index tr.first a { color:#999; } .catalog-product-compare-index tr.last p, .catalog-product-compare-index tr.first p { margin:10px 0; } .catalog-product-compare-index tr.first .product-name a { color:#333; } /* Account Login/Create Pages ============================================================ */ .my-account {} .account-login { font-size: 12px; margin: auto; min-height: 350px; position: relative; width: 1075px;} .login-only { background:none; } .login-only .registered-users { float:none; margin:0 auto; } .account-login .new-users, .account-login .registered-users { width: 420px; } .account-login .registered-users p, .account-login .new-users p { margin-bottom:1.5em; } .account-login .new-users .content {height:180px} .account-login .spacer { position:absolute; top:100%; left:447px; margin-top:-1px; width:16px; height:3px; font-size:0; line-height:0; background:#fff; overflow:hidden; } .account-login .fieldset { margin:0; } .account-login .fieldset h2 { margin-bottom:.5em; } .account-login .form-list label, .account-login .form-list span.label { width:98px; } .account-login p.required, .account-login .btn-only { padding-left:113px; width:230px; text-align:right; } .account-login .btn-only a { float:left; white-space:nowrap; } .account-login .form-list input.input-text { width:224px; } .account-login .form-list p { padding:0 0 0 110px; } .account-login .form-list li.note { float:left; padding-left:113px; margin:0 0 9px; width:auto; clear:left; } .account-login .form-list li.note a { font-size:12px; } .account-login .form-list li.control { float:left; clear:left; } li#remember-me-box.control { white-space:nowrap; } li#remember-me-box.control label { margin-right:20px; white-space:normal; } .account-login .form-list li.control .input-box { margin-left:113px; } li#remember-me-box.control .link-tip { display:inline-block; font-size:11px; line-height:16px; padding-top:2px; white-space:normal; } .account-login .form-list li.buttons-set { float:right; clear:none; padding-right:38px; padding-top:2px; } .account-create {} /* Popup Dialog Block */ .window-overlay { background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .window-overlay { position:absolute; top:0; left:0; min-height:100%; background:#000; opacity:0.5; width:100%; z-index:990; display:none; } .window-overlay.active { display:block; } .popup-block { border:1px solid #cfcfcf; left:50%; top:40%; position:absolute; margin:-85px 0 0 -250px; width:500px; text-align:left; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; box-shadow:0 0 6px #000; z-index:1000; position:fixed; display:none; } .popup-block.active { display:block; } .popup-block .block-title { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_page-title.gif) repeat-x scroll 0 0 #F6F6F6; border-bottom:1px solid #CFCFCF; padding:17px 17px 10px; } .popup-block div.btn-close { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:19px; right:17px; height:15px; width:15px; text-indent:-9999em; cursor:pointer; } .popup-block .block-title strong { color:#D12C01; font-size:16px; font-weight:normal; } .popup-block .block-content { padding:17px 17px 25px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block.gif) repeat-x 0 100% #fff; font-size:12px; } .popup-block .block-content .form-list label { width:180px; } .popup-block .block-content .form-list .input-text { width:230px; } .popup-block .block-content .form-list .control .input-box { margin-left:195px; } .popup-block .block-content .form-buttons { width:auto; padding-left:188px; padding-top:10px; } .popup-block .block-content .form-buttons .button { float:left; } .popup-block.loading .block-content * { text-align:left; text-indent:-99999em; overflow:hidden; position:relative; margin-left:-9999em; } .popup-block.loading .block-content:before { content:''; display:block; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/opc-ajax-loader.gif) no-repeat 0 50%; position:absolute; z-index:99; top:50%; left:50%; line-height:16px; padding:16px; text-indent:0!important; } /* My Account ============================================================================= */ /* Captcha */ .captcha-note { clear:left; padding-top:5px;} .captcha-image { float:left; margin:0 0 0 240px; position:relative; width:228px; } .captcha-image .captcha-img { border:1px solid #c7c7c7; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:-12px 0 0 113px; } #checkout-step-login .captcha-image { margin:-24px 0 0 105px; width:214px; } .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; } #checkout-step-login #advice-required-entry-captcha_user_login { min-height: 30px; } .registered-users #advice-required-entry-captcha_user_login { margin-bottom: 5px; } @-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); } } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding:0 0 20px; } /* Block: Tags */ .dashboard .tags { padding:0 0 20px; } .dashboard .tags p { display:inline; } .dashboard .tags .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .tags li { margin:0 0 8px; } .dashboard .tags .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .tags .details { margin-left:25px; } /* Block: Reviews */ .dashboard .reviews { padding:0 0 20px; } .dashboard .reviews .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .reviews p { float:left; margin-right:5px; } .dashboard .reviews li { margin:0 0 5px; } .dashboard .reviews .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .reviews .details { margin-left:25px; } /********** Dashboard > */ /* Adress Book */ .addresses-list .box-content { font-size:12px; } .addresses-list .col-2 li { padding:0 0 10px; } .addresses-list .col-2 li .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .addresses-list .col-2 li address { padding:10px; clear:both; } /* Order View */ .order-page {} .order-page .order-date { margin:0 0 20px; color:#6c6c6c; font-size:11px; } .order-page .col2-set { padding-bottom:20px; } .order-details .link-print { background:none; padding:0; } .order-details .order-additional, .order-details .data-table { margin-bottom:20px; } .order-details .order-additional dt { font-weight:bold; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; padding:0 0 5px; margin:0 0 5px; } .order-details .order-additional dd { padding:10px; margin:0 0 10px; } .order-details dl.gift-message { margin:0 20px; } .order-details .gift-message dt { margin:1px 0; padding:2px 10px; background:#e6e6e6; } .order-details .gift-message dd { border:1px solid #c7c7c7; background:#fff; padding:10px; margin:0 0 10px; white-space:pre-wrap; word-wrap:break-word } .order-links { margin:0 0 10px; text-align:right; padding-bottom:5px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; text-align:right; } .order-info { margin-bottom:5px; border-bottom:1px solid #c4c4c4; } .order-info dt { padding:6px 20px 0 10px; color:#6c6c6c; float:left; } .order-info dd { float:left; } .order-info ul { float:left; } .order-info li { float: left; position: relative; z-index: 2; margin-right: 3px; background: #dedede url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_collateral-tabs.gif') no-repeat 0 -39px; color: #222; padding: 0 10px 0 10px; font-size: 12px;} .order-info li strong, .order-info li a { text-decoration:none; background:url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_collateral-tabs.gif') no-repeat 100% -39px; padding:0 17px 0 0; line-height:24px; float:left; } .order-info li.current { margin-bottom: -1px; color: #000; font-weight: bold; z-index: 3; border-bottom: 0; background: #fff url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_collateral-tabs.gif') 0 0 no-repeat; } .order-info li.current strong { background-position:100% 0; padding-bottom:1px; } .order-info dt { font-weight:bold; } /* Manage Newsletter Subscription */ .newsletter-manage-index .form-buttons .button { float:left; margin:0; } /* Split Button */ .split-button { display:inline-block; z-index:1; position:relative; max-width:300px; white-space:nowrap;} .split-button.clickable:active { left:1px; top:1px; } .split-button { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn.gif) no-repeat 0 0; height:21px; padding:0 0 0 10px; margin:0; } .split-button.active { z-index:100; } .split-button strong { cursor:default; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn.gif) no-repeat 100% 0; height:19px; padding:3px 30px 0 5px; margin:0; display:block; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis; } .split-button.clickable > strong, .split-button strong[onclick] { text-transform:uppercase; font-size:11px; color:#C73615; text-transform:uppercase; cursor:pointer; } .split-button .change { display:inline-block; border:1px solid; border-color:transparent transparent transparent #999; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn-split-change.png) 5px 50% no-repeat; text-indent:-999em; overflow:hidden; width:15px; cursor:pointer; height:11px; margin-left:8px; vertical-align:middle; } .split-button .change { position:absolute; right:5px; top:0px; height:19px; border-left-color:#ccc; } .split-button.light { background:none; height:auto; padding:0; } .split-button.light.clickable:active { top:auto; left:auto; } .split-button.light strong { display:inline-block; font-size:11px; text-transform:none; background:none; font-weight:normal; padding:0; height:auto; overflow:visible; white-space:normal; text-overflow:"ellipsis"; } .split-button.light.clickable > strong, .split-button.light strong[onclick] { text-transform:none; text-decoration:underline; color:#999; } .split-button.light.clickable > strong:hover, .split-button.light strong[onclick]:hover { text-decoration:none; } .split-button.light .change { position:static; right:auto; top:auto; height:11px; border-left-color:#999; } .split-button.active .change, .split-button .change:hover { background-position:-995px 50%; } .split-button .list-container { position:absolute; display:none; right:0; top:100%; padding:0; min-width:100%; max-width:300px; float:left; } .split-button.active .list-container { display:block; } .split-button .list-container ul { background:#fff; border:1px solid rgba(0,0,0,0.1); position:relative; } .split-button .list-container ul > li { white-space:nowrap; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn-split-item.png) no-repeat -10000px -10000px; border:1px solid #c1c1c1; border-top-width:0; margin:0; display:block!important; margin:0!important; } .split-button .list-container ul > li:first-child { border-top-width:1px; } .split-button .list-container li a, .split-button .list-container li span { display:block; line-height:1.2!important; cursor:pointer; padding:5px 18px 5px 18px; color:#999; font-size:11px; text-transform:none; text-decoration:none; text-align:left; text-overflow:ellipsis; overflow:hidden; } .split-button .list-container li:hover a, .split-button .list-container li:hover span, .split-button .list-container li:hover { color:#fff; text-decoration:none; } .split-button .list-container li:hover { background-color:#999; background-position:5px -984px; } .split-button .list-container li.new { color:#d33911; background-color:#eee; background-position:5px 7px; } .split-button .list-container li.new:hover { background-color:#999; background-position:5px -485px; } /* Wishlist */ .my-wishlist textarea { width:99%; height:3.9em; resize:vertical; line-height:1.3em; overflow:auto; } #wishlist-table .price-box { margin:3px 0; } #wishlist-table td .description { margin:10px 0; max-height:3.9em; line-height:1.3em; overflow:hidden; word-wrap:break-word; max-width:345px; } #wishlist-table td .description .inner { overflow:hidden; } #wishlist-table td { padding:15px 10px; } #wishlist-table th:first-child, #wishlist-table td:first-child { padding-left:10px; padding-right:0; } #wishlist-table td p { margin:5px 0 15px; } #wishlist-table td.last { padding:4px 2px; width:1px; } #wishlist-table td .price-box { font-size:12px; } #wishlist-table td .price-box p { margin:0 0 5px; } #wishlist-table td .truncated { float:left; width:auto; margin-right:10px; line-height:18px; } #wishlist-table td .truncated .show .item-options { top:-40px; right:100%; left:auto; margin-right:15px; line-height:1.2; } #wishlist-table td .truncated .truncated_full_value .item-options dl { background-position:100% 0; } #wishlist-table .item-manage { margin:0 0 0 0; float:left; } #wishlist-table .item-manage .split-button { margin:10px 9px 0 0; } #wishlist-table .item-manage .split-button .change { margin-left:2px; } #wishlist-table .item-manage .split-button:last-child { margin-right:0; } .wishlist-empty { font-size:12px; padding:15px 10px; text-align:center; } p.wishlist-empty {border:1px solid #d0d0d0;} /* Multiple Wishlist */ .link-edit { padding-left:18px; line-height:18px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_link-edit.png) no-repeat 0 0; display:inline-block; } .wishlist-management .link-edit { width:16px; padding:0; margin:0 5px; height:16px; text-indent:-999em; overflow:hidden; vertical-align:middle; } .wishlist-management .btn-create { float:right; margin-bottom:10px; } .wishlist-management .sub-title { float:left; max-width:100%; } .wishlist-management .sub-title h2 { word-wrap:break-word; } .wishlist-management .note-msg { clear:both; margin:0 0 10px; padding:10px; border-style:solid !important; border-width:1px !important; font-size:12px !important; border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .wishlist-management .msg-private { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_lock.png) no-repeat 10px 10px #fafaec; padding-left:30px; } .wishlist-management .table-caption .label { font-size:12px; float:left; line-height:21px; } #wishlists-move { float:right; margin-left:10px; } #wishlists-copy { float:right; } #wishlists-select { background:none; padding-left:0; white-space:nowrap; float:left; max-width:220px; } #wishlists-select strong { background:none; padding-right:0; padding-left:7px; font-weight:normal; font-size:12px; text-transform:none; } #wishlists-select strong span { font-weight:bold; } #wishlists-select .change { text-indent:0; width:auto; background:none; margin-left:4px; border:0; right:auto; left:100%; text-decoration:none; line-height:19px; margin-top:1px; } #wishlists-select .change span { color:#1e75b4; text-transform:none; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_header-panel.gif) no-repeat scroll 100% -74px transparent; padding-right:10px; } #wishlists-select.active .change span { color:#d33911; background-position:100% -130px; } #wishlists-select .list-container { right:auto; left:0; margin-top:4px; } #wishlists-select .list-container ul { background:#e7e7e7; border:0; } #wishlists-select .list-container li:first-child { border-top:0; } #wishlists-select .list-container li { border-color:#d9d9d9; } #wishlists-select .list-container a, #wishlists-select .list-container span { color:#1e75b4; padding:5px 6px; /* background-position:-999em -999em; */ } #wishlists-select .list-container li:hover a, #wishlists-select .list-container li:hover span, #wishlists-select .list-container li:hover { color:#d33911; } #wishlists-select .list-container li:hover { background-position:-999em -999em; background-color:#f8f8f8; } #wishlists-select .list-container li.new { color:#d33911; background-color:#d9d9d9; background-position:5px 7px; padding-left:12px; } #wishlists-select .list-container li.new:hover { background-color:#999; background-position:5px -485px; color:#fff; } #wishlists-select .list-container li.new:hover a, #wishlists-select .list-container li.new:hover span { color:#fff; } /* Wishlist search view */ #wishlist-search-results {} .col3-layout #wishlist-search-results .item-name { max-width:340px; word-wrap:break-word; display:block; } .col2-right-layout #wishlist-search-results .item-name, .col2-left-layout #wishlist-search-results .item-name { max-width:500px; } .col1-layout #wishlist-search-results .item-name { max-width:600px; } .wishlist-search-view {} .list-info { border:1px solid #dadada; padding:10px 0; margin:0 0 15px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block.gif) repeat-x 100% 100% #fff; max-width:100%; word-wrap:break-word; } .list-info .item { padding:5px 0; font-size:12px; border-top:1px dotted #d9d9d9; margin:0 15px; } .list-info .item:first-child { border-top:0; } .list-info .item .label { font-weight:normal; font-style:italic; font-size:0.9em; margin-right:5px; } .list-info .item .label:after { content:':'; } .list-info .item .value { font-weight:bold; } .wishlist-search-view #wishlist-table td.last { padding:15px 10px; } .wishlist-search-view #wishlist-table .description { max-height:6.5em; max-width:280px; } .wishlist-search-view .list-info { display:inline-block; } .wishlist-search-view .sub-title { clear:both; } .wishlist-search-view p.qty { text-align:center; } /* Store credit */ .storecredit .account-balance { margin:0 0 20px; padding:0 0 10px; font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_dots.gif) repeat-x 0 100%; } .storecredit .account-balance .price { font-weight:bold; } .giftcard-redeem { padding-bottom:20px; } .giftcard-redeem .input-box { margin-right:5px; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:15px 0; font-size:12px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h2.h2 { margin:15px 0 10px; } .page-print .col2-set { margin:10px 0 20px; } /* 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; } /* Tagged products */ .my-tag-edit { float:left; } .my-tag-edit .btn-remove { float:right; margin:-3px 0 0 5px; position:relative; } #my-tags-table .price-box { margin:5px 0; } #my-tags-table .last { text-align:center; } #my-tags-table .last p { margin:10px 0; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Billing Agreements */ .billing-agreements .info-box { margin:15px 0; } .billing-agreements .info-box p { margin:0 0 9px; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Block: Gift Registry Search */ .sidebar .block-gr-search .form-alt .input-box { width:148px; margin:3px 0 0; padding:0; } .sidebar .block-gr-search .form-alt input.input-text { width:142px; } .sidebar .block-gr-search .form-alt select { width:148px; } .block-gr-search p.note { margin:0 0 3px; text-align:right; color:#f15c22; } /* Order By SKU */ .wrapper .block-addbysku .input-box.validation-error, .wrapper .block-addbysku .input-box.validation-passed { padding-right:0; background:none; } .wrapper .block-addbysku .validation-advice { margin-right:-19px; } .main .block.block-addbysku .block-content { padding:10px 4px 10px; } .block-addbysku .data-table th, .block-addbysku .data-table td { padding:6px 4px; } .block-addbysku .data-table th:first-child, .block-addbysku .data-table td:first-child { padding-left:13px; } .sidebar .block-addbysku .actions { padding:0 13px 7px; } p.link-widget-sku { padding:15px 13px; text-align:left; float:left; } .sidebar p.link-widget-sku { padding:5px 13px 0; text-align:right; border-top:1px dotted #dadada; float:none; } p.link-widget-sku a { color:#999; } .block-addbysku .actions { text-align:right; margin:15px 0 10px; float:right; } .sidebar .block-addbysku .actions { float:none; } .block-addbysku .file-upload { float:left; text-align:left; border:1px solid #dadada; padding:10px 17px; background:#F5F5F5 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_block.gif) repeat-x 0 100%; margin-top:10px; } .block-addbysku .file-upload label { display:block; float:none; width:auto; min-width:60px; text-align:left; } .block-addbysku .file-upload p { padding:3px 0; } .block-addbysku .file-upload .btn-reset { display:inline-block; margin-left:15px; } .block-addbysku .file-upload .btn-reset span { margin-left:0; padding:3px 0; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_icon-reset.png) no-repeat scroll 0 50%; padding-left:15px; display:inline-block; cursor:pointer; color:#999; } .block-addbysku .file-upload .input-box { display:block; float:none; } .block-addbysku .file-upload .note { width:auto; clear:both; padding:2px 0; } .block-addbysku .data-table {} .block-addbysku .data-table td .btn-remove { margin:4px 0 0; float:right; margin-right:-16px; } .block-addbysku .data-table td .input-box { float:left; } .block-addbysku .data-table td .qty { width:8em!important } .sidebar .block-addbysku .data-table td .qty { width:5em!important } .block-addbysku .data-table td.last { padding-right:18px; } .block-addbysku .data-table tfoot td.last { text-align:right; } .block-addbysku .data-table .add-row { cursor:pointer; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_btn-split-item.png) no-repeat 0px 2px; padding-left:11px; font-weight:bold; color:#999; } .block-addbysku .data-table .input-box { width:99%; } .wrapper .block.block-addbysku .data-table .validation-advice { } .wrapper .block.block-addbysku .data-table .col-sku { width:auto; } .wrapper .block.block-addbysku .data-table .col-qty, .wrapper .block.block-addbysku .data-table .col-remove { width:13px; } .wrapper .block.block-addbysku .data-table .input-text { width:99%; } /* ======================================================================================= */ .disabled { position:relative; z-index:1; } .disabled:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; background:#fff; opacity:0.2; } /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; padding:10px 20px 20px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; line-height:14px; font-weight:bold; padding:5px 2px; text-shadow:0 1px 0 #fff; } .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 { color:#333; font-size:14px; font-weight:bold; 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(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:6px; right:8px; height:15px; width:15px; text-align:left; text-indent:-9999em; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; 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 { background:#fefefe; clear:right; line-height:1.5; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-before-container { margin:0 0 3px; text-align:center; } .form-subscribe { float:left; width:183px; padding: 0 17px 0 0; } .form-subscribe-header { color: #D12C01; float: left; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: none; margin-top:8px; } .form-subscribe label { display:block; margin:6px 0; } .form-subscribe input.input-text { width:177px; display:block; } .form-subscribe button.button { margin:6px 0 0; float:right; } .form-subscribe .validation-advice { width:180px; } .form-subscribe .v-fix { text-align:left; padding-right:5px; } .form-subscribe a { color:#777; } .account-login .form-list:after, .wishlist-management .table-caption:after, .product-options dt:after, #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .block-content:after, .block-list li.item:after, .block-poll li:after, .currently li:after, .order-info:after, .top-cart .actions:after, .header .quick-access:after, .product-view .box-related li.item:after, .bundle-summary .product:after, .collateral-tabs:after, .block-cart .block-content .item:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header-panel:after, #nav:after, .main:after, .footer-before-container:after, .footer-container:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block li.item:after, .block .actions:after, .mini-products-list li:after, .cms-index-index .block-featured li.item:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .products-grid:after, .products-list li.item:after, .product-view:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add-tags:after, .product-options .options-list li:after, .options-container-small .product-options:after, .product-options-bottom:after, .product-review:after, .box-collateral:after, .box-collateral .box-content:after, .collateral-tabs .tab-content:after, .account-login:after, .cart .cart-collaterals:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .form-list li:after, .form-list li.fields .field:after, .clearfix:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after, .new-product-spotlight .more-new .item:after, .addresses-list .col-2 li:after, .product-view .product-shop:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; } .footer-container { background: #313E44; border-top: 5px solid #2f3b41; margin: 0; padding: 14px 17px 0; text-align: left; color: #a6a6a6; width:100%; min-width:1266px; } .footer-container a { color:#a6a6a6; } .footer-wrapper { width:1164px; margin-left:auto; margin-right:auto; height:150px; } .footer-wrapper h4{ padding-bottom: 5px; } .footer-left { float:left; width:663px; } .footer-right { float:right; width:300px; } .footer { } .footer a {} .footer a:hover { text-decoration:none; } .footer ul, .footer ul.links, .footer-left > div { display:block; float:left; width:125px; margin:0 10px 0 0px; padding:0; } .footer ul.links li, .footer ul li { display:block; vertical-align:top; margin:0 0 5px; padding:0; } .footer ul.payment-gateway{width:220px;} address.copyright { margin-top:6px; text-align:right;width:750px;float:right; } .footer .switcher-store { float:right; width:184px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_store-switch.gif) no-repeat 0 3px; padding-top:21px; } .footer .switcher-store label { display:none; } .footer .switcher-store select { padding:0; margin-bottom:1px; } .footer .switcher-store ul { float:none; width:auto; padding-left:0; margin-left:0; } .footer .switcher-store ul .current { display:none; } .newssub, .tweet, .social { width: 300px; float: left; position: relative; margin: 0px 65px 0px 0px; } .footer-social{ width: 1030px; height: 150px; margin: auto; line-height: 18px; } .footer-social .social{ margin-right: 0px !important; } .footer-social h3{ padding-bottom: 10px; } .newssub form { float: left; position: relative; margin: 10px 0px 0px; } .newssub form input.email_signup_box { width: 278px; background: none repeat scroll 0% 0% #FFF; padding: 12px 0px 12px 15px; border: 1px solid #2F3B41; font-weight: bold; color: #4D4F53; font-size: 13px; float: left; margin: 0px; font-family: Helvetica,Arial,sans-serif; outline: medium none; } .newssub form input.template_footer_newsletter_button { float: right; height: 41px; width: 41px; margin-left: -41px; border: medium none; cursor: pointer; position:relative } .social ul { float: left; position: relative; list-style: none outside none; padding: 0px; margin: 10px 0px 0px; } .social ul li.first { margin-left: 0px !important; } .social ul li { float: left; margin-left: 10px; } .social img { opacity: 0.6; transition: all 0.5s ease 0s; cursor: pointer; } #twitter_api { float: left; background: url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/twitter_feed_bg.png) no-repeat scroll 0px 3px transparent; width: 293px; min-height: 72px; } #twitter_api ul { margin: 0px; padding: 0px; list-style: none outside none; width: 260px; float: right; } #twitter_api ul li p { padding: 0px; margin: 0px; } #twitter_api ul li a { text-decoration: none; border-bottom: 1px dotted rgb(77, 79, 83) !important; color: #a6a6a6; } /* ======================================================================================= */ /* Some sample data cms styles ================================================================================ */ .page-head-alt {} .page-head, .page-head-alt { margin-bottom:20px; padding:23px 20px 11px; background:#f6f6f6 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_page-title.gif) repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .col-main .page-head, .col-main .page-head-alt { margin:0 -20px 20px; } .page-head-alt .link-rss { float:right; margin-top:8px; } .page-head h2, .page-head h3, .page-head-alt h3, .page-head-alt h2 { font:normal 22px/27px Arial, Helvetica, sans-serif; color:#d12c01; } .col-main-content .std { font-size:12px;} .col-main-content .std p { margin-bottom: 1em; line-height: 1.5em} .col-main-content .std ul { margin-bottom: 1em; line-height: 1.5em } .col-main-content .std ul ul { margin: 0px !important; } .col-main-content .std p a{ font-weight: bold; } .col-main-content .std a:hover { text-decoration: underline; } .std .head-img { padding-bottom:15px; } div.back-top { border-bottom: 1px solid #DEDBD2; padding-bottom:10px; text-align:right; margin: 27px 0;} /* Restricted ================================================================================ */ .restriction-index-stub .page { width:652px; padding-bottom:3px; } .restriction-index-stub .main { margin-top:100px; min-height:0; height:auto !important; padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#dedede; height:auto !important; min-height:230px; height:230px; font-size:16px; background:#4a4a4a url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/logo-offline.gif) no-repeat 50% 95px; padding:170px 60px 40px; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font:italic 35px Georgia, "Times New Roman", Times, serif; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_shadow-offline.gif) 50% 0 no-repeat; padding:15px 0 0; margin:0; } /* Old private sales index ================================================================================ */ .private-sales-index { background:#2b2b2b; margin:110px 0 60px; padding:40px 0; } .private-sales-index .box { border:1px solid #e2ded0; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_ps.gif) no-repeat 50% 13px; padding:50px 13px 0; width:657px; margin:0 auto; } .private-sales-index .box .content { padding:0 60px 70px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_ps.gif) no-repeat 50% 100%; font-size:14px; } .private-sales-index .box .content p { text-align:center; } .private-sales-index .box .content a { color:#444444; } .private-sales-index .box .content h1 { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_ps-logo.gif) no-repeat 50% 0; padding:60px 0 5px; font-size:29px; font-weight:normal; color:#ec4e00; } .private-sales-index .box .content .description { background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_ps-descr.gif) no-repeat 50% 0; margin:40px auto 0; width:433px; padding:30px 50px 30px; font:normal 20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#817268; } .col1-layout .private-sales-index { margin:0 -20px -31px; height:auto !important; height:350px; min-height:350px; } /* Private sales index ================================================================================ .private-sales-index { background:#fffdf9 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_ps-home.jpg) no-repeat 50% 88px; padding-top:90px; } .private-sales-index .box {} .private-sales-index .box .content {} .private-sales-index .box .content p { padding-top:475px; text-align:center; color:#444444; font-size:18px; } .private-sales-index .box .content a { color:#c12900; } .private-sales-index .box .content h1 { display:none; } .private-sales-index .box .content .description { display:none; } .col1-layout .private-sales-index { margin:0 -20px -31px; background-position:0 20px; padding-top:20px; height:auto !important; height:550px; min-height:550px; } */ /* Private sales demo ==================================================================== */ .cms-private-sales-home { background-color:#fffdf9; } .private-sales-demo { background:#fffdf9 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_ps-home.jpg) no-repeat 50% 88px; padding-top:90px; } .private-sales-demo h1 { display:none; } .private-sales-demo p { padding-top:475px; text-align:center; color:#444444; font-size:18px; } .private-sales-demo a { color:#c12900; } .col1-layout .private-sales-demo { margin:0 -20px -31px; background-position:0 20px; padding-top:20px; height:auto !important; height:550px; min-height:550px; } /* ======================================================================================= */ /* Clears ================================================================================ */ .account-login .form-list:after, .wishlist-management .table-caption:after, .product-options dt:after, #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .block-content:after, .block-list li.item:after, .block-poll li:after, .currently li:after, .order-info:after, .top-cart .actions:after, .header .quick-access:after, .product-view .box-related li.item:after, .bundle-summary .product:after, .collateral-tabs:after, .block-cart .block-content .item:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header-panel:after, #nav:after, .main:after, .footer-before-container:after, .footer-container:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block li.item:after, .block .actions:after, .mini-products-list li:after, .cms-index-index .block-featured li.item:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .products-grid:after, .products-list li.item:after, .product-view:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add-tags:after, .product-options .options-list li:after, .options-container-small .product-options:after, .product-options-bottom:after, .product-review:after, .box-collateral:after, .box-collateral .box-content:after, .collateral-tabs .tab-content:after, .account-login:after, .cart .cart-collaterals:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .form-list li:after, .form-list li.fields .field:after, .clearfix:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after, .new-product-spotlight .more-new .item:after, .addresses-list .col-2 li:after, .product-view .product-shop:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .guest-select {width:305px !important;} /*.headerinfo { position: absolute; top: 61px; width: 649px; } */ #oar_widget_orders_and_returns_form li {list-style: none;} .headerinfo { position: absolute; right: 30px; top: 60px; width: auto; } .header-container{ /*z-index: 1;*/ position: relative; } .call { color: #fdbc2d; font-size: 14px; font-weight: bold; text-align: left; text-transform: inherit; width: 308px; } /*.actions button.button { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; cursor: pointer; height: 26px; margin: 0; overflow: visible; padding: 0; vertical-align: middle; width: 22px; } */ .header .pop .actions button.button span { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/goo.png"); background-repeat: no-repeat; height: 24px; overflow: hidden; width: 22px !important; } .links p { float:left; width:50px; } .links p img {opacity:0.6; transition: all 0.5s ease 0s;cursor: pointer} .links p img:hover {opacity:1.0; transition: all 0.5s ease 0s;} .low { color: #F3C25B; font-size: 14px; font-weight: bold; margin-top: -5px; padding-top: 0; text-transform: uppercase; width: 186px; text-align:left; } .links { float:left; margin-top: -6px; } .number { color: #2F3B41; float: left; font-size: 47px; font-weight: 600; margin-left: -1px; margin-top: -11px; text-transform: uppercase; } .headerleft { float: left; height: 30px; margin-right: 20px;} .form-search { float: right; height: 0; right: 408px; top: 26px; width: 740px !important; } .panel {float:right; height:423px !important;} .topdelivery { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/background-top.png") repeat-x scroll 0 0 #FFFFFF; height: 57px; width: 1115px; margin: 0px auto;} .delnotice {width:1065px; margin-left:auto;margin-right:auto;} .delnotice img {float:left;} .subscribe { float: right; position: relative; right: 18px; top: -4px; width: 250px; } .subscribe_container { height: 0px; width: 1100px; margin: auto; } .home-products { margin-top:1px; margin-bottom:10px; float: left; width: 100%; } .home-products ol { margin-left:19px; } .home-products img { margin-bottom:7px; margin-left:27px; } .home-products li.item { float: left; font-size: 18px; height: 462px; list-style: outside none none; margin-right: 18px; position: relative; width: 265px; } .home-products .product-image img { width:205px; height:205px; } .account-login .content h2 { background: none repeat scroll 0 0 #FFB614; color: #FFFFFF; font-size: 13px; line-height: 1.25; margin: 0 -10px 12px; padding: 4px 10px; text-transform: uppercase; font: bold 13px arial; margin-bottom: 10px; text-transform: uppercase; } .home-products li.item last { float:right;} .subscribe button.button span { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/goo.png"); background-repeat: no-repeat; height: 22px; position: relative; bottom: 1px; left: 1px; width: 22px; } .subscribe .actions { height: 24px; left: 202px; position: absolute; top: 24px; width: 24px; } .subscribe .input-box { } .my-yellow-bar p { text-align:center; } .subscribe input.input-text, textarea { /* background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_input.gif") repeat-x scroll 0 0 #FFFFFF; */ padding: 2px; width: 192px; } /*.main {background-color: #eaeaea;}*/ .main-wrapper { /*background-color: #FFFFFF;*/ margin-left: auto; margin-right: auto; width: 1260px; padding-top:13px; } .home-products h2 { color: #000000; font-size: 13px; font-weight: bold; padding: 4px; text-align: center; } .today-products { float: left; margin-bottom: 10px; margin-top: 1px; width: 100%; height: 445px; overflow: hidden; position:relative; } .today-products h2 { color: #000000; font-size: 13px; font-weight: bold; padding: 4px; text-align: center; } .today-products .actions .ratings .rating-box { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 100%; background-color: rgba(0, 0, 0, 0); float: none; font-size: 0; height: 22px !important; line-height: 0; overflow: hidden; width: 110px !important; } .today-products li.item { border: 1px solid #EAEAEA; float: left; font-size: 18px; height: 379px; list-style: none outside none; margin-bottom: 12px; margin-right: 6px; position: relative; width: 242px; padding-left:6px; } .fieldset-left { float:left; } .fieldset-right { float:right; } .account-create h2 { background: none repeat scroll 0 0 #FFB614; color: #FFFFFF; font: bold 13px arial; margin: 0 -10px 10px; padding: 4px 10px; text-transform: uppercase; } #next img { left: 1052px; position: relative; top: -273px; } .remaining { padding-right:20px; padding-top:4px; font-weight: bold; text-align: right; } .greybottom { background: none repeat scroll 0 0 #DDDDDD; height: 25px; margin: 0 0 0 -11px; width: 206px; } .branddiv li { float: left; height: 32px; list-style: none outside none; margin: 0; overflow: hidden; padding: 5px 10px; text-align: center; width: 95px; } #prev img { position: relative; top: 115px; z-index: 100000; left: -4px; } #next { z-index:100000; height:0; weight:0; display: none; } #prev { display:none !important; } #next { display:none !important; } .section.slide-pane { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/brands_bg.jpg"); background-repeat: repeat-x; background-color: #EEEEEE; box-shadow: 0 1px 4px #999999; height: 40px; } section { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/brands_bg.jpg"); background-repeat: repeat-x; background-color: #EEEEEE; box-shadow: 0 1px 4px #999999; height: 40px; } .checkout-cart-index section{ height: auto; } #prev { display:none; z-index:100000; height:0; weight:0; } .title-prod { background: none repeat scroll 0 0 #EEEEEE; border-top: 5px solid #FFB614; height: 60px; margin-left: auto; margin-right: auto; margin-top: 5px; width: 230px; text-align:center; } .orderSelect { width: 145px;} .home-products img { margin-top:10px; } .our { font-size: 20px; font-weight: bold; float:left; width: auto; margin:0px; } .products-grid .our { float: none; margin-left: auto; margin-right: auto; text-align: center; } .save { font-size: 11px; font-weight: bold; margin-left: 7px; text-align: center; width: 190px; color: red; clear:both; } .caroufredsel_wrapper { bottom: auto; display: block; float: none; height: 393px; left: auto; margin: 0; overflow: hidden; position: relative; right: auto; text-align: left; top: auto; width: 1040px !important; z-index: auto; margin-left: 20px !important; margin-right: auto !important; } .our { text-align: left; } .product-shop-home .save { clear: both; color: #FF0000; font-size: 11px; font-weight: bold; margin-left: 7px; text-align: center; width: 213px; min-height: 14px; } .prod-price-list .our { clear: both; float: left; font-size: 20px; font-weight: bold; width: 100%; } /*.product-shop button { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/button14.png"); background-repeat: no-repeat; float: left; height: 38px; margin-left: 6px; margin-top: -6px; overflow: hidden; padding-bottom: 2px; padding-right: 8px; width: 172px; }*/ .product-shop button { /*background-color: #2F3B41; background-image: -moz-linear-gradient(center top , #2F3B41, #3E515A); border-color: #697F8A; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-style: solid; border-width: 3px; color: #FFFFFF; float: left; height: 30px !important; margin-top:-2px; margin-left: 7px !important; padding: 5px 10px !important; text-align: center; width: auto; */ } .product-shop-home button { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/buttoncheck.png"); background-repeat: no-repeat; float: left; height: 33px; margin-left: 83px !important; margin-top: 8px; overflow: hidden; width: 91px; /*display: none;*/ } .product-shop button.btn-cart span { color: #EEEEEE; font-size: 15px; font-weight: bold; margin-left:0px; margin-top: 4px; } .product-view .product-options-bottom .add-to-cart { width: 407px; } .product-shop-home button.btn-cart span { color: #EEEEEE; font-size: 17px; font-weight: bold; } .product-options-bottom .add-to-cart .qty { float: left; margin-left: 12px; vertical-align: middle; width: 103px; } .home-products .last { margin-left: 1px !important; margin-right: 0 !important; } .product-options-bottom .add-to-cart label { float: left; font-size: 12px; font-weight: bold; margin-right: 5px; text-transform: capitalize; vertical-align: middle; } .today { width:0; height:0; } .todaytop { } .today img { left: 127px; position: absolute; top: 279px; } .main-wrapper { padding-bottom:20px; } .todaytop { width:808px; } /* .last strong{ color: #0067a9; font-size: 13px; font-weight: bold; text-decoration: none; text-transform: uppercase; } */ .title-prod-main { background: none repeat scroll 0 0 #EEEEEE; height: 60px; margin-left: auto; margin-right: auto; margin-top: 5px; width: 180px; border-top: 5px solid #FFB614; } #cart-sidebar { text-align:left; } #cart-sidebar .product-name {font-weight:normal;} #cart-sidebar .price {text-align:center;display:inline;} #header_cart_btn , #header_cart_btn1, #header_cart_btn0{ background-color: #4d5b62; border: 1px solid #817e77; border-radius: 5px; color: #fff; display: inline-block; font-weight: bold; height: auto; margin-bottom: 5px; margin-top: 0px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; width: 100%; text-align:center; box-sizing:border-box; } #header_cart_btn.checkout{ background-color: #fec82f; color: #333; border: 1px solid #fec82f; } #header_cart_btn0.viewmore{ background-color: #efefef; color: #333; border-color: #efefef; } #cart-sidebar .product-details { float:none; width:60%; display: inline-block; vertical-align: middle; position: relative; text-align:left; font-size: 9pt; } #header_cart_btn a { text-align:center; } #cart-sidebar .product-details .product-name { } #cart-sidebar .product-name a { text-decoration:none !important; font-size: 11px; } #cart-sidebar .btn-remove { font-weight:normal; } #cart-sidebar .remove { float:right;width:10px; } .category-products button { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/buttoncheck.png"); background-repeat: no-repeat; float: left; height: 36px; margin-left: 8px; margin-top: 3px; overflow: hidden; /*padding-top: 1px;*/ width: 93px; } .category-products button.btn-cart span { color: #EEEEEE; font-size: 17px; font-weight: bold; margin-top: 0px; } .prod-price-list { margin-left: 0; text-align: left; } .save-list { text-align:center; color:red; } .sticker { width:0; height:0; } .sticker img { height: 60px; left: 11px; margin: 0 !important; padding: 0 !important; position: absolute; top: 17px; width: 60px; border:none !important; } .sticker.deal img { left: 61px; position: absolute; top: 251px; } .sticker.freedeal img { left: 7px; position: absolute; top: 69px; } .product-shop-home .sticker.deal img { left: 88px; position: absolute; top: 251px; } .featured .product-shop-home .sticker.freedeal img { left: -18px; position: absolute; top: 50px; } .product-shop-home .sticker.freedeal img { left: 12px; position: absolute; top: 60px; } .product-img-box { position:relative; } .product-img-box .sticker img { left: 15px; position: absolute; top: 8px; z-index: 3; } .product-img-box .sticker.deal img { left: 248px; position: absolute; top: 313px; z-index: 3; } .product-img-box .sticker.freedeal img { left: 10px; position: relative; top: 0; z-index: 100; } .tabs { overflow:hidden; zoom: 1; border-bottom:1px solid #e4e4e4;} .tabs li { float:left; margin-right: 2px; font-size: 13px; line-height: 1em; } .tabs li.first1 { margin-right: 2px; } .tabs li.last { /*margin-left: 2px;*/ margin-right:0; } .tabs a { background: none repeat scroll 0 0 #a8a8a8; color: #000; display: table-cell; font-weight: bold; height: 29px; min-height: 26px; padding: 0 10px; text-align: center; text-transform: none; vertical-align: middle; white-space: pre-wrap; min-width: 135px; text-decoration: none; font-family:arial; } .tabs a:hover { background: none repeat scroll 0 0 #a8a8a8; display: table-cell; font-weight: bold; height: 29px; min-height: 26px; text-align: center; vertical-align: middle; white-space: pre-wrap; } .home-products { float: left; margin-bottom: 10px; margin-top: 1px; width: 100%; } .tabs li.active a, .tabs li.active a:hover { /*background: #fff none repeat scroll 0 0;*/ border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; color: #000; height: 29px; text-decoration: none; } .prod-name { font-size:14px; font-weight:bold; color:#0a78bf; } .short-desc { clear:both; padding-right:10px; color:#8C8C8C; font-size:13px; } .sticker-prod{ width:0; height:0; } .sticker-prod img { position:absolute; top:20px; left:20px; } .padder { background: #fff; margin: 0px auto 15px; padding: 22px; width: 1124px; font-size:13px; display:none; } .info-title { background: none repeat scroll 0 0 #2F3B41; margin: 0 -1px; padding: 5px 20px; height:20px; } .info-left { background: none repeat scroll 0 0 #EEEEEE; width: 127px; float:left; } .info-left a { font-size: 13px; font-weight: bold; line-height: 1.9; text-decoration: none; } .info-right { float: right; width: 890px; } .info-right h1 { color: #FFB614; font: bold 24px/28px Arial,Helvetica,sans-serif; margin-bottom: 10px; text-transform: uppercase; width: 500px; } .we { margin-top:10px; font-weight:bold; color:#0067a9; } .info-right h2 { border-bottom: 1px solid #2F3B41; color: #2F3B41; font-size: 16px; font-weight: 600; margin-bottom: 21px; width: 341px; } .banner-about { float:left; margin-top:10px; } .post-list-item h2 { border:none !important; margin-bottom: 0px !important; } .post-list-item { margin-bottom:10px; } .wordpress_post { float: right; margin-top: 13px; width: 277px; } .wordpress_post .block-title { font-size: 21px; font-weight: bold; margin:0 !important; padding:0 !important; background:none !important; } .wordpress_post a { font-weight:bold; font-size:14px; color:#1071ae; text-decoration:none; text-align:left; } .wordpress_post .block-content { margin-left: 0 !important; padding-left: 0 !important; padding-top: 10px !important; } .wp_date { font-weight:bold; font-size:12px; margin-bottom: 10px; } .home-sidebar { float: right; width: 260px; margin-top: 11px; } .home-sidebar img { margin-bottom:8px; } .latest-wp { font-weight:normal; color:#1071AE; } .post-title h1 { width:900px !important; } .cart h1 { color: #FFB614; /* font: bold 24px/28px Arial,Helvetica,sans-serif; margin-bottom: 10px; text-transform: uppercase;*/ margin:20px 10px; margin-left:10px; width:100% !important;text-align:left; font-family: arial; } .cart .data-table { border: 1px solid #E8E8E8; margin-left: auto; margin-right: auto; width: 1164px; } .cart .data-table thead { background: none repeat scroll 0 0 #E8E8E8; font-size: 11px; } .cart .data-table tfoot { border: 1px solid #E8E8E8; margin-left: auto; margin-right: auto; width: 1029px; } .cart .data-table tr:last-child td, .data-table tr:last-child th { /*border: 1px solid #E8E8E8 !important;*/ } .check-1 { padding: 15px 25px; float: left; /*margin-right: 112px;*/ width: 20%; /* background-color: #FAFAFA; border: 1px solid #D9D9D9;*/ margin-right:10px; min-height: 220px; } .check-2 { padding: 15px 22px; float: left; /*margin-right: 112px;*/ width: 20%; /*background-color: #FAFAFA; border: 1px solid #D9D9D9;*/ margin-right:10px; min-height: 220px; } .check-3 { padding: 15px 25px; float:left; width:20%; /*background-color: #FAFAFA; border: 1px solid #D9D9D9;*/ margin-right:10px; min-height: 220px; } .check-4 { padding: 15px 25px; float:left; width:20%; /*background-color: #FAFAFA; border: 1px solid #D9D9D9;*/ min-height: 220px; } .discount-form button { background-repeat: no-repeat; float: left; height: 36px; margin-left: 8px; margin-top: 3px; overflow: hidden; padding-top: 1px; width: 91px; } .shipping-form button { background-repeat: no-repeat; float: left; height: 36px; margin-left: 8px; margin-top: 3px; overflow: hidden; padding-top: 1px; width: 91px; } .discount-form span {font-weight:bold; color:#ffffff !important; font-size:14px;} .discount-form .input-box { margin-top:10px; } .shipping-form span { color: #FFFFFF !important; font-size: 14px; font-weight: bold; } .checkout-types button { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/longbutton.png"); background-repeat: no-repeat; float: left; height: 38px; margin-left: 6px; margin-top: 8px; overflow: hidden; padding-top: 1px; width: 172px; line-height: 22px; } .checkout-types span { color: #FFFFFF !important; font-size: 14px; font-weight: bold; } .s-prev { display:none; } .s-next { display:none; } .buttons-set span { color: #FFFFFF !important; font-size: 14px; font-weight: bold; } .checkout { float: right; padding: 0; } /*.account-login button { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/button13.png"); background-repeat: no-repeat; float: right !important; height: 38px; margin-left: 6px; margin-top:- 8px; overflow: hidden; padding-top: 1px; width: 172px; } .fieldset-left { float:left; }*/ .account-login button { background-color: #2f3b41; background-image: #FDBC2D; border-color: #697F8A; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-style: solid; border-width: 3px; height:20px; color: #FFFFFF; float: right; padding: 8px 0; text-align: center; height: 30px !important; margin-left: 7px !important; padding: 5px 10px !important; text-align: center; width: auto; } .buttons-set img { margin-left: 7px; margin-top: -3px;} .fieldset-right { float:right;} .fieldset-left label { color: #444444; float: left; font-size: 12px; font-weight: bold; padding: 2px 15px 0 0; text-align: right; width: 78px; } .fieldset-right label { color: #444444; float: left; font-size: 12px; font-weight: bold; padding: 2px 15px 0 0; text-align: right; width: 78px; } .fieldset-right .control .input-box { left: 0; line-height: 16px; margin-left: 94px; padding-top: 1px; position: absolute; } .account-create button { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/buttoncheck.png"); background-repeat: no-repeat; float: left; height: 33px; margin-left: 6px; margin-top: 8px; overflow: hidden; width: 91px; } .account-create button.btn-cart span { color: #EEEEEE; font-size: 17px; font-weight: bold; margin-top: 4px; } .step-title .number { border: 3px solid #666666; border-radius: 57px; -moz-border-radius: 57px; -webkit-border-radius: 57px; color: #FFB614; float: left; font-size: 21px; font-weight: 900; margin-right: 7px; padding-left: 7px; width: 21px; } #pronav { float: left !important; height: 25px !important; transition: all 0.5s ease 0s; } .pro { height: 40px; width: 100%; margin:auto; position:relative; z-index:4; margin: 0px auto; } .pro_inner { width:1100px; margin:auto; } ul#pronav { } .my-account { float: right; line-height: 25px; padding: 10px; width: 903px; } .currently { height:auto; overflow: hidden; } .actions { height:auto; overflow: hidden; } .header-container { min-width:1266px;} .primary-pronav-link {padding:11px 18px; } .even-li, .odd-li { background-color:transparent;} .even-li:hover, .odd-li:hover{} .collumn_one,.collumn_two,.collumn_three,.collumn_four { float: left; width: 100px; } ul#pronav li.primary-pronav-item .sub .row.last-row { background-color: #F5F5F5; border-top: 10px solid #FFB614; min-height: 365px; font-size:12px; } ul#pronav li.primary-pronav-item .sub ul li { padding: 2px; width: 200px; } ul#pronav li.primary-pronav-item .sub ul li span a { font-weight: bolder; margin-left: -8px; text-rendering: optimizelegibility;} .row {padding:20px;} #helmets { background-color: #FFFFFF; height: 600px; overflow: scroll; padding: 20px;} .getHelmets{cursor: pointer;} .quick-access .amount { color: #231F20; font-size: 12px; font-weight: bold; margin-left: 60px; margin-right: 10px; margin-top: -5px; text-align: right; width: auto; } .quick-access .amount a:nth-child(even) { color:#1071AE; text-decoration:unerline; } .quick-access .amount a:last-child { margin-left: 5px; } .block-content { font-family:"arial","Arial Black"; } .primary-pronav-link { font-family: arial,sans-serif; font-size: 13.5px; font-weight: bold; } .primary-pronav-link:hover { background-color:#ffb614; color:#fff; } .pop { background: #ffffff none repeat scroll 0 0; border: 1px solid #e4e4e4; font-size: 12px; margin-bottom: 20px; padding: 10px 10px 0; position: absolute; right: 0px; top: 65px; width: 184px; z-index: 500000; } body div.page div.wrapper { margin: auto; position: relative; width:1266px; /*width: 1095px;*/ } .mini-products-list li.item { font-size: 0pt; } .messages_product_view .headerinfo { position: absolute; right: 0px; top: 60px; width: 649px; } ul#pronav li.primary-pronav-item .sub .row.last-row ul{ margin-right: 25px; margin-bottom: 10px; height:auto !important; /* background-color:#e4e4e4; */ } ul#pronav li.primary-pronav-item .sub ul li { padding: 2px; width: 200px; } ul#pronav li.primary-pronav-item .sub ul li span a { font-weight: bolder; margin-left: -8px; text-rendering: optimizelegibility; } .primary-pronav-link { /* font-family: HelveticaCondensed,arial; font-size: 13.5px; font-weight: bold;*/ } ul#pronav li.primary-pronav-item a.primary-pronav-link { display: block; } #social_network_links { display:none; } #social_network_links.simple { clear: both; float: left; overflow: hidden; padding: 5px 5px 0 !important; position: relative; margin-top:10px; } .nav_search { width: 930px; float: right; margin-top: 21px; } .form-search { background-color: #f4f4f4; border: 1px solid #b9b9b9; display: block; float: right; height: 29px; margin-right: 0px; padding: 2px; width: 253px; padding-top: 0px; } .form-search input.input-text { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: 0px solid #fff; margin-top: 1px; padding: 5px; width: 690px; max-width: 690px; color:#989898; font-weight:bold; height:16px; min-height:16px; } .form-search button.button { height: 31px; margin-right: -28px; margin-top: 0; padding: 0; width:33px; position:relative; float:left; } .form-search button.button:active { background: none repeat scroll 0 0 #ffb614; margin: -1; color: #ccc; } /* !!!!!!!!!!!!!!!!TEMP FIX !!!!!!!!!!!1*/ .wordpress_post {display: none;} .featured .note-msg{ padding: 15px;} .col1-layout .category-products{ float: right; width:1166px; } #contactForm {width:550px; display:block;} #contactForm .buttons-set a.button, .buttons-set button.button { background:#fdbc2d ; border-radius: 5px; border:none; color: #FFFFFF; float: left; height: 30px !important; margin-left: 7px !important; padding: 7px 10px !important; text-align: center; width: auto; } .checkout-types button { background-color: #313e44; border-radius: 5px; color: #FFFFFF; float: left; height: 30px !important; margin-left: 0px !important; padding: 7px 10px !important; text-align: center; width: auto; } .product-options { left: 11px; position: relative; top: 13px; width: 100px; } .product-options-bottom .price { display:none; } .product-view .product-options-bottom .add-to-cart { float: right; padding-bottom: 20px; padding-right: 15px; clear:both; } .add-to-cart { } .add-to-cart .qty { float:left; } .add-to-cart .qty label { float:left; } .catalog-product-view div.view-yellow div.qty label{ float: none; padding-top: 2px; display: inline-block; margin-bottom: 2px; } .catalog-product-view div.view-yellow div.qty #qty.qty{ display: block; float: none; } .catalog-product-view div.view-yellow .add-to-box div.qty label{ float: left; } .catalog-product-view div.view-yellow .add-to-box > div.qty{ margin-bottom: 8px; } .tab-con { clear: both; margin-left: auto; margin-right: auto; margin-top: 40px; width: 1164px; } .tab-con .padder { margin-left:0px; } .product-options-bottom .required { color: #000; float: right; font-size: 11px; margin: 0; padding: 5px 0 7px; text-align:left; width: 620px; z-index: 600; } .cart-collaterals .buttons-set a.button, .cart-collaterals .buttons-set button.button { float:left; } .cart .checkout-types { /*display: none;*/ } /*.category-products .products-grid .btn-cart { background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/longbutton.png"); background-repeat: no-repeat; float: left; height: 38px; margin-left: 6px; margin-top: -5px; overflow: hidden; padding-top: 1px; width: 172px; } .category-products .products-grid .btn-cart span { height: 27px !important; padding: 0 0 0 13px !important; }*/ .pricetop .save-list-view .price{ text-decoration: line-through; } .pricetop { color: #000; font-size: 16px; margin-top: 15px; width: 290px; } .pricetop .our { clear: both; color: #333333; float: left; font-size: 30px; font-weight: bold; color: #666666; width:auto !important; } .save-list-view { float:left; } .save-list-view-save { clear:both; color: #f00; font-weight: bold; } .saveings { clear: both; float: left; font-weight: bold; width: 200px; margin-top:7px; } .product-view .saveings { clear:none; } .product-det-table { } .product-det-table tr { width:300px; height:21px; } .product-det-table h2 { font-weight:bold; color:#FFB614; font-size:20px; margin-bottom: 5px; } .product-det-table table { height: 18px; margin-bottom:34px; width: 350px; } .product-det-table td { font-size:13px; padding-left:3px; } .view-yellow { clear: both; height: auto; padding-bottom: 30px; padding-top: 25px; } .add-to-cart img .view-yellow-simple { /* background: none repeat scroll 0 0 #FFB614;*/ height: 80px; width: 423px; position:relative; margin-top:10px; } .view-yellow-simple .add-to-cart { margin-left: 0px; margin-top: 0px; } .view-yellow .price-box{ display:none; } .view-yellow .short-desc { clear: both; color: #8C8C8C; margin-bottom: 14px; margin-top: 20px; padding-right: 16px; margin-bottom:10px; } .short-desc { clear: both; color: #8C8C8C; margin-bottom: 14px; margin-top:5px; padding-right: 16px; margin-bottom:10px; } .product-essential .product-options dd select { width: 166px; } .product-essential .product-options dd { border-bottom: 1px solid #E7E7E7; float: left; margin: 5px 0 15px; padding: 0 0 12px; width: 166px; } .last { width:auto; } .view-yellow p.required { display:none !important; } .view-yellow .product-options dl.last dd.last { width: auto; border:none; } #social_network_links-simple { background-color: #EEEEEE; overflow: hidden; padding: 5px 5px 0 !important; margin-top:10px; width: 413px; } .view-yellow .add-to-cart { } .view-yellow .add-to-cart .qty { display: none; } .product-shop .view-yellow .price-box .configurable-price-from-label{ display:none; } .qty label { float: left; margin-left: 1px; margin-right: 5px; font-size:14px; font-weight:bold;} .product-shop { margin-top:-24px; } .price-box .price { clear: both; float: left; font-size: 20px; font-weight: bold; margin: 0; width: 250px; display:block; } .wyomind-elasticsearch .price-box .price { clear: both; float: none; font-size: inherit; font-weight: bold; margin: 0; width: auto; display:inline-block; } .search-autocomplete ul.wyomind-elasticsearch li.title{ height: auto; } .out { color: #333333; font-size: 16px; font-weight: bold; margin-left: auto; margin-right: auto; padding-top: 10px; text-align: left; width: 100px; } .footer-left p { font-weight:bold; margin-bottom:4px; font-size:11px; } .mid-text { /*background-color: #2C373D;*/ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity60_pixel.png"); color: #FFFFFF; width: 183px; text-transform: uppercase; font-size: 16px; font-weight: bold; font-family: arial; padding: 5px; margin-left:4px; margin-top: -22px; } .sitelinks { margin-left: auto; margin-right: auto; width: 1027px; height:50px; } .link-one { width:250px; margin-right:7px; float:left; } .link-two { width:248px; float:left; margin-right:8px; } .link-three { width:250px; float:left; margin-right:6px; } .link-four { width:250px; float:left; margin-right:px; } .link-one img { width:248px; } .link-two img { width:248px; } .link-three img{ width:248px; } .link-four img{ width:248px;} .std { padding:0; margin:0; } .wt-rotator { height: 425px !important; } /* Home Page Blocks */ #home-side-block-1 { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-side-block-1.png"); background-repeat: no-repeat; height: 77px; padding-left: 20px; padding-top: 62px; width: 197px; } #home-side-block-2 { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-side-block-2.png"); background-repeat: no-repeat; height: 77px; padding-left: 20px; padding-top: 62px; width: 197px; margin-top:5px; } #home-side-block-3 { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-side-block-3.png"); background-repeat: no-repeat; height: 77px; padding-left: 20px; padding-top: 62px; width: 197px; margin-top:5px; } #home-side-block-ticker { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-side-block-ticker.png"); background-repeat: no-repeat; height: 137px; width: 217px; } #home-side-block-1:hover .mid-text { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png");} #home-side-block-2:hover .mid-text { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-side-block-3:hover .mid-text { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } .mid-text p a{ color: #FFB614; font-size: 13px; } #home-side-block-3 #sister-site-start-football {height:68px; width:217px; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/sister-site-start-football.png"); background-repeat: no-repeat;} #home-side-block-3 #sister-site-start-cycles {height:69px; width:217px; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/sister-site-start-cycles.png"); background-repeat: no-repeat;} #home-bottom-block-1 { width: 348px; height: 141px; margin-right: 7px; float: left; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-bottom-block-1.png"); } #home-bottom-block-11 { width: 348px; height: 141px; margin-right: 7px; float: left; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-bottom-block-11.png"); } #home-bottom-block-2 { width: 348px; height: 141px; margin-right: 6px; float: left; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-bottom-block-2.png"); } #home-bottom-block-22 { width: 348px; height: 141px; margin-right: 6px; float: left; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-bottom-block-22.png"); } #home-bottom-block-3 { width: 345px; height: 141px; float: left; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-bottom-block-3.png"); } #home-bottom-block-33 { width: 345px; height: 141px; float: left; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/home-bottom-block-33.png"); } #home-bottom-block-1:hover .text-top{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-1:hover .text-mini{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-2:hover .text-top{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-2:hover .text-mini{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-3:hover .text-top{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-3:hover .text-mini{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-11:hover .text-top{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-11:hover .text-mini{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-22:hover .text-top{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-22:hover .text-mini{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-33:hover .text-top{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } #home-bottom-block-33:hover .text-mini{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity80_pixel.png"); } .text-top { color: #FFFFFF; font-family: arial; font-size: 16px; font-weight: bold; margin-top: 50px; padding: 5px 2px 5px 10px; text-transform: uppercase; width: 213px; background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity60_pixel.png"); } h3 { font-family: arial; } h4 { font-family: arial; } .text-mini { /*background-color: #2C373D;*/ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity60_pixel.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFD013; font-family: arial; font-size: 13px; font-weight: bold; margin-top: 4px; padding: 3px 3px 3px 10px; text-transform: uppercase; width: 106px; height: 17px; } div.sale-text-top{ margin-top: 0px !important; width: 165px !important; } div.sale-text-mini{ float:right !important; margin-top: 84px !important; } .category-products .products-grid .product-model { clear: both; float: left; margin-top: -4px; font-size: 11px; width: 193px; text-align: center; } .sort-by { float: right; margin-left: 42px; width:188px; } .outer{width:1120px;} .popheader { font-size:16px; text-align: center; } .yellowbottom { background: #ffb614 none repeat scroll 0 0; height: 48px; margin: 0 0 0 -12px; width: 207px; } /*#discount-coupon-form .toggle-coupon-form-close { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/button-arrows.jpg"); background-position: -32px -2px; background-repeat: no-repeat; float: right; height: 27px; margin-right: 76px; margin-top: -30px; width: 27px; cursor: pointer; } #discount-coupon-form .toggle-coupon-form-open { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/button-arrows.jpg"); background-position: -61px -2px; background-repeat: no-repeat; float: right; height: 27px; margin-right: 76px; margin-top: -30px; width: 27px; cursor: pointer; } */ .cart-collaterals #shopping-cart-totals-table tfoot{ /*display:none;*/ } .checkout-types .paypal-logo{ /*display:none;*/ } #cart-sidebar .product-details .btn-edit{ display:none; } .rel-title { background: none repeat scroll 0 0 #2F3B41; border-bottom: 2px solid #FFB614; margin: 0 -1px; padding: 5px 20px; } .rel-title strong { color: #222222; display: block; font: 14px/1.25 Arial,Helvetica,sans-serif; padding: 0; } #block-alsobought a { font-size: 12px; text-align: center; text-decoration: underline; margin-bottom:10px; font-weight:bold; } #block-alsobought .product { text-align: center; width: 100%; } .product-details-img { margin-top: 10px; height: 106px; margin-left: auto; margin-right: auto; width: 90px; } #block-alsobought .product-image img { clear:both; } #block-alsobought .rating-box { background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png"); background-position: 0 100%; background-repeat: repeat-x; display: block; float: left; font-size: 0; height: 22px !important; line-height: 0; margin: auto; overflow: hidden; text-align: center; width: 110px; } #block-alsobought .ratings { margin-left:auto; } #block-alsobought .rating-links { display: inline-block; margin-top: 3px; } .lefttitle { margin-bottom:10px; text-decoration: underline; } .rel-title strong span { color: #FFFFFF; font-size: 13px; font-weight: bolder; } .blog-home { float: right; overflow: hidden; width: 815px; } div.toc-box { width: 780px; background: none repeat scroll 0% 0% #FEF3E3; border-top:5px solid #FFB614; border-left: 1px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); border-bottom: 1px solid rgb(223, 223, 223); padding: 15px; margin-bottom: 20px; } div.faq-box { position: relative; margin-left: auto; margin-right:auto; width: 750px; background: none repeat scroll 0% 0% #FEF3E3; border-top:5px solid #FFB614; border-left: 1px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); border-bottom: 1px solid rgb(223, 223, 223); padding: 25px; } div.faq-box div.faq-left { width: 350px; position: relative; float: left; padding-right: 25px; border-right: 1px solid #AAA; } div.faq-box div.faq-right { float: left; position: relative; } div.faq-box div.faq-right ul li#phone-num a { background: url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/social-icons.png') no-repeat scroll 0px 0px transparent; display: block; padding: 10px 10px 10px 45px; } div.faq-box div.faq-right ul li#phone-num1 a { background: url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/social-icons.png') no-repeat scroll 0px 0px transparent; display: block; padding: 10px 10px 10px 45px; } div.faq-box div.faq-right ul li#email-add a { background: url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/social-icons.png') no-repeat scroll 0px -40px transparent; display: block; padding: 10px 10px 10px 45px; } div.faq-box div.faq-right ul li#facebook a { background: url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/social-icons.png') no-repeat scroll 0px -83px transparent; display: block; padding: 10px 10px 10px 45px; } div.faq-box div.faq-right ul li#twitter a { background: url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/social-icons.png') no-repeat scroll 0px -126px transparent; display: block; padding: 10px 10px 10px 45px; } div.faq-box div.faq-right ul li a, div.faq-box div.faq-right ul li { color: #000; font-weight: normal !important; text-decoration: none; font-size: 18px; padding-left: 25px; } div.faq-box div.faq-left h3 a{ margin-left: auto; margin-right: auto; display: block; width: 265px; text-align: center; border: 1px solid #000; padding: 5px; background-color: #555; color: #fff; text-transform: uppercase; } div.faq-box div.faq-left h3 a:hover{ background-color: #888; } .konqueror .topdelivery { margin-left:-1px; width: 1117px; } .checkout-types img { margin-left: 7px; margin-top: -3px; } #post-the-comment { background-color: #2F3B41; background-image: linear-gradient(to bottom, #2F3B41 0%, #3E515A 61%); border-color: #697F8A; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-style: solid; border-width: 3px; color: #FFFFFF; float: left; font-family: arial; height: 34px !important; margin-left: 7px !important; padding: 5px 20px !important; text-align: center; width: auto;} #post-the-comment span span { background-position: 100% 0; color: #1071AE; display: inline-block; font: bold 14px/20px arial; height: 20px; white-space: nowrap;text-transform:capitalize; } .products-grid .item .ratings{ padding: 10px; } .products-grid .item .ratings .rating-box { float: none; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 100%; background-color: rgba(0, 0, 0, 0); font-size: 0; height: 15px!important; line-height: 0; overflow: hidden; width: 75px!important; background-size: 15px auto; } .products-grid .item .ratings .rating-box .rating{ background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; background-color: rgba(0, 0, 0, 0); float: left; height: 15px!important; background-size: 15px auto; } .products-grid .item .ratings .rating-links{ /*text-align: center;*/ } #product_tabs_review_contents #customer-reviews{ padding: 10px 20px; } #product_tabs_review_contents #customer-reviews .form-add h2{ color: #FFB614; font-weight: bold; margin: 15px 0; } #product_tabs_review_contents #customer-reviews .form-add h3{ font-size: 10pt; margin-bottom: 8px; margin-bottom: 8px; } #product_tabs_review_contents #customer-reviews .form-add h3 span{ font-size: 10pt; margin-bottom: 8px; font-style: italic; font-weight: normal; } .product-det-table td { vertical-align: middle; } #product_tabs_review_contents #customer-reviews .form-add h4{ } #messages_product_view .success-msg{ display: none; } .summary-box-review .rating-box{ background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png"); background-position: 0 100%; background-repeat: repeat-x; font-size: 0; height: 22px!important; line-height: 0; overflow: hidden; width: 110px!important; float: left; } .summary-box-review .rating-box .rating{ background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png"); background-position: 0 0; background-repeat: repeat-x; float: left; height: 22px!important; } .summary-box-review .rating-outof5{ font-size: 14pt; font-weight: bold; margin: 0 10px; } .summary-box-review .rating-numreviews{ display: inline-block; font-size: 10pt; font-weight: bold; margin-top: 4px; padding-top: 0; vertical-align: top; } .summary-box-review{ margin-bottom: 10px; } .writereveiw-button{ padding-top: 2px; } .writereveiw-button a{ color: #2C373D; } .products-grid .item:hover, .home-products .item:hover, .slide .item:hover{ box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.75); -webkit-box-shadow: 0px 0px 10px 0px rgba(130, 130, 130, 0.75); } .products-grid .item,.home-products .item{ cursor: pointer; } .home-products .actions .ratings{ margin: 10px 10px 0; } .home-products .actions .ratings .rating-box{ float: none; background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0); font-size: 0; height: 22px!important; line-height: 0; overflow: hidden;width: 110px !important; } .home-products .actions .ratings .rating-box .rating{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png"); float: left; height: 22px!important; } .block.block-related .block-content { width:181px;} .brands { background: linear-gradient(to bottom, #FEFDFF 0%, #D6D6D5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); left: 0px; top:10px; position: relative; width: 214px; z-index: 2147483647; height:200px; } #li-primary-pronav-brands .brands{ background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #FFB614; height: 235px; padding: 5px; } #li-primary-pronav-brands .brands dd{ padding: 2.5px 0; } #li-primary-pronav-brands .brands dd:hover{ padding: 2.5px 0; background-color: #FFB614; color: #fff; font-weight: bold; animation: fadebrands 0.5s; } #li-primary-pronav-brands .brands dd:hover a{ color: #fff; animation: fadebrandsa 0.2s; } #li-primary-pronav-brands .brands dd a{ display: block; } @keyframes fadebrands{ from{ background-color: #FFF;font-weight: normal;} to{background-color: #FFB614;font-weight: bold;} } @keyframes fadebrandsa{ from{ color: #444444;} to{color: #FFF;} } .list { height: 200px; overflow-y: scroll; } .brandfilterbox{ padding: 5px 0; } .brandfilterbox #brandfilterbox-input{ width: 211px; height: 20px; } .my-yellow-bar { background-repeat: repeat-x; color: #000000; font-family: arial; font-size: 19px; font-weight: 800; height: 53px; margin-bottom: 9px; margin-left: 20px; margin-top: 10px; padding-top: 4px; text-align: center; width: 1166px; } #block-alsobought .save-list { clear:both; width:auto; } #block-alsobought .save-list .price { display: block; font-size: 12px; font-weight: bold; display: inline; } .page-brandimage.product-brandimage img{ width:100%; } .page-brandimage.product-brandimage, .page-title.category-title, .page-description.product-description{ margin-bottom: 10px; margin-top: -10px;} #block-alsobought { margin-left:6px;} #billlong { width:495px !important; } #longbill { width:495px !important; } .field .name-firstname input { width:250px !important; } .my-account h2 { color: #313e44; font: bold 20px/19px arial; margin-bottom: 10px; margin-top: 10px; } .ratings strong { float:left; } .my-account .rating-box { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_rating.gif") repeat-x scroll 0 100% rgba(0, 0, 0, 0); font-size: 0; height: 13px; line-height: 0; margin-left: 5px; margin-top: 6px; overflow: hidden; width: 65px; } .my-account button.button { background-color: #2F3B41; background-image: linear-gradient(to bottom, #2F3B41 0%, #3E515A 61%); border-color: #697F8A; border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-style: solid; border-width: 3px; color: #FFFFFF; height: 30px !important; padding: 3px 10px !important; text-align: center; width: auto; margin-top:10px; } .my-account button.button span span { background-position: 100% 0; color: #FFFFFF; display: inline-block; font: bold 11px/20px Arial,Helvetica,sans-serif; height: 20px; text-transform: uppercase; white-space: nowrap; } .my-account .fieldset {width:506px;} #_cp_postcode_placeholder_id .input-box{ position: relative; top: -5px;} #search_autocomplete .amount {color:#FFB614;} .availability { text-align: center; } .title-prod-left { background: none repeat scroll 0 0 #EEEEEE; border-top: 5px solid #FFB614; height: 60px; margin-left: auto; margin-right: auto; margin-top: 5px; width: 180px; padding-top:10px; } #block-alsobought .item { float: left; height: 315px; margin-bottom: 10px; margin-left: 6px; margin-right: 10px; position: relative; width: 194px; } .title-prod-left a { text-decoration:none !important; margin-top:10px; } .mini-products-list .item:hover { border: 1px solid #767676; box-shadow: 0 0 10px 0 rgba(130, 130, 130, 0.75); } .add-to-cart button { } #block-alsobought a { font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-left: 6px; padding-right: 6px; text-align: center; text-decoration: underline; } .pre { left: 495px; position: absolute; top: 180px; z-index: 100000; } .pre img { width:70px; height:70px;} /*-------------------- BRANDS DEPARTMENT PAGES ---------------*/ #dept_title { font-size: 20px; text-transform: uppercase; margin-bottom:10px; } #dept-static-banners{ float:left; width: 480px; } .dept-static-image { float: left; margin: 0px 0px 10px 10px; height: 150px; width: 150px; overflow: hidden; } .dept-static-image a { display: block; height: 150px; width: 150px; text-indent: -9999px; line-height: 0; } .dept-static-image:hover { background-position: 0% bottom !important; } #dept_gallery_container { margin: 0px; float: left; width:335px; height:310px; } #dept_text { background: #eeefed; margin:10px 0px 10px 0px; padding: 10px 0px 10px 0px; border-top: 5px solid #FFB614; } #dept_text p { text-align: justify; padding: 10px; } #dept-static-banners a { width: 140px; height: 140px; } /*-------------------- BRANDS DEPARTMENT END ---------------*/ .header-bg { background: none no-repeat scroll 0 0 #fff; display: block; height: 1325px; position: absolute; top: 0; width: 626px; z-index: 999; } .header-bg-left { left: 50%; margin-left: -1260px; position: fixed; top: -1px; z-index: -1; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/header-bg_left.png"); } .header-bg-right { left: 50%; margin-left: 631px; position: fixed; top: -1px; z-index: -1; background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/header-bg_right.png"); } #orderByButton { background: none repeat scroll 0 0 #2F3B41; border: medium none; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; color: #FFFFFF; cursor: pointer; float: right; font: bold 11px Arial,Helvetica,sans-serif; height: auto; margin: 2.5px 0 0 5px; padding: 0; vertical-align: middle; width: 15px;} #cart-sidebar.mini-products-list .product-image {float:none; width: 40%; display: inline-block; vertical-align: middle; text-align:center;} #product_tabs_description_contents .std p, #product_tabs_description_contents .std .std span{ font-family:"Arial",Helvetica,sans-serif !important; }#forgotB{ position: relative; top: 10px; } .block-reorder {display:none;} #sp-rates .ajax-loader{ margin-left: 2px; } .ajax-loader-text { color: #FFB614 !important; left: 7px; position: relative; top: 6px; } #shopping-cart-totals-table .totals-ajax-loader{ position:relative; top:4px; left:-15px; } .my-account .order-info { display: none; } .cart .cart-headings{ margin-bottom: 10px; font-size: 12px; } .shipping-form #cart-shipping-options{ margin-top:10px; } .today-products .product-image img { margin-left: 22px; margin-top: 8px; } .ui-tabs .ui-tabs-nav li { border-bottom-width: 0; float: left; height: 85px; list-style: none outside none; margin-left: 3px; padding: 0; position: relative; top: 0; white-space: nowrap; width: 347px; } .ui-tabs .ui-tabs-nav li { border-bottom-width: 0; float: left; list-style: none outside none; padding: 0; position: relative; top: 0; white-space: nowrap; width: 347px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/tabsnorm.png") repeat-x scroll 50% 50% #E6E6E6; color: #555555; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/tabsnorm.png") repeat-x scroll 50% 50% #E6E6E6; color: #555555; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; color: #555555; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; color: #555555; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/tabsnorm.png") repeat-x scroll 50% 50% #E6E6E6; color: #555555; font-weight: normal; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; color: #555555; font-weight: normal; } * { margin: 0; padding: 0; } .std ul { list-style: disc outside none; } #product_tabs_description_contents .std ul, .catcontent ul{ list-style: disc inside none; } .ui-helper-reset { font-size: 100%; line-height: 1.3; list-style: none outside none; } .ui-helper-reset { font-size: 100%; line-height: 1.3; list-style: none outside none; } ul, ol { list-style: none outside none; } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .main-home { text-align: left; } body { color: #2F2F2F; font: 12px/1.55 Arial,Helvetica,sans-serif; text-align: center; } #aitcheckout-place-order { border-color: none !important; background-image: none !important; border-radius: 0 !important; border-style: none !important; border-width: none !important; color: #FFFFFF; float: left; font-size: 26px !important; margin-top:15px; margin-left: 16px !important; padding: 5px 10px !important; text-align: center; } .checkout-buttons-container button { border-color: none !important; background-image: none !important; border-radius: 0 !important; border-style: none !important; border-width: none !important; color: #FFFFFF; float: left; font-size: 26px !important; margin-top:15px; margin-left: 16px !important; padding: 5px 10px !important; text-align: center; } .checkout-buttons-container button img { display:none; } #aitcheckout-place-order2 { border-color: none !important; background-image: none !important; border-radius: 0 !important; border-style: none !important; border-width: none !important; color: #FFFFFF; float: left; font-size: 26px !important; margin-top:15px; margin-left: 16px !important; padding: 5px 10px !important; text-align: center; overflow: visible; } #checkout-buttons-container #left-checkout-button{ margin-left:160px; } #checkout-buttons-container .btn-checkout-top { margin-left: 15px !important; } #aitcheckout-place-order img, #aitcheckout-place-order2 img{ float:right;} #aitcheckout-place-order span, #aitcheckout-place-order2 span { float:none; margin-top:9px; margin:auto } #sageframe.sagepayiframe{ border: medium none; min-height: 900px; width: 100%; } /* Basic Grey */ .basic-grey { width: 71%; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 20px; padding: 20px 30px 20px 30px; font: 12px Georgia, "Times New Roman", Times, serif; color: #888; text-shadow: 1px 1px 1px #FFF; border:1px solid #DADADA; display: block; } .basic-grey h1 { font: 25px Georgia, "Times New Roman", Times, serif; padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #DADADA; margin: -10px -30px 30px -30px; color: #888; } .basic-grey h1>span { display: block; font-size: 11px; } .basic-grey label { display: block; margin: 0px 0px 5px; } .basic-grey label>span { float: left; width: 90px; text-align: right; padding-right: 10px; margin-top: 10px; color: #888; } .basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea,.basic-grey select{ border: 1px solid #DADADA; color: #888; height: 24px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 3px 3px 3px 5px; width: 70%; font: normal 12px/12px Georgia, "Times New Roman", Times, serif; } .basic-grey select { background: #FFF url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/down-arrow.png') no-repeat right; background: #FFF url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/down-arrow.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 72%; height: 30px; } .basic-grey textarea{ height:300px; } .basic-grey .button { background: #555; border: none; padding: 10px 25px 10px 25px; color: #FFF; width: 97%; } .basic-grey .button:hover { background: #888 } .basic-grey .button span{ float:none; margin-top: -1px; } .basic-grey table{ width: 620px; } #currencyFlag { background-image:URL('../images/flags.jpg'); background-repeat:no-repeat; text-indent:-5000px; margin:0 10px; } #currencyBox{ display: none; } .block-currency { float: right; margin-top: 21px; visibility: none; right: 0; text-align: left; white-space: nowrap; width: 82px; } .currency-inner{ } .flagcurrency img { } #currencyBox select{ padding-left: 17px;} #currencyBox { background-color: #cccccc; position: absolute; top: 35px; width: 85px; margin-left: -10px; z-index: 100; } #currencyText{ cursor: pointer; } .currecnysubselect { cursor: pointer; float: left; padding: 2px 8px; width: 9px; } .my-account .button img { margin-left: 7px; margin-top: -1px; } .my-account .buttons-set img { margin-left: 7px; margin-top: -1px; } #aitocReg a.button, button.button span, a.button span, button.button span > span { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; text-transform:none !important; font: bold 13px arial !important; } #window_askquestion img { margin-bottom:10px; } .about { margin-bottom:10px; } .map { margin-bottom:10px; } #co-checkout-form a.button, button.button span, a.button span, button.button span span { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; text-transform: none !important; font: bold 22px arial !important; } .account-login a.button, button.button span, a.button span, button.button span span { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; text-transform: none !important; font: bold 13px arial !important; } #ctm_content_tbl { clear:both; } .buttsmall { background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; float: left; text-transform: none !important; font: bold 13px arial !important; } .cart .totals table tfoot .discount strong { font-weight:normal; font-size:12px; color:#999; display:block; margin:10px 0 15px; } .cart .totals table tfoot td .discount.price { font-weight: bold; text-align: right; display: block; color: #999999; font-size: 12px; } /*#admin_messages { background-color: #0067A9; border: 1px dashed #FFFFFF; border-radius: 5px; color: #FFFFFF; font-family: HelveticaCondensed,helvetica,arial,sans-serif; font-size: 14px; font-weight: bold; margin: 0 20px 15px; opacity: 0.8; padding: 10px; }*/ #block-alsobought .rating-box .rating { background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/starbig.png"); background-position: 0 0; background-repeat: repeat-x; float: left; height: 22px !important; } .review-form input.input-text, textarea { } /* PAYPAL REVIEW ---------------- */ .paypal-review-order .form-list-narrow select{ width: 160px; } .paypal-review-order .form-list-narrow .input-box{ margin-left: 0px; } .paypal-review-order .form-list-narrow input.input-text, .paypal-review-order .form-list-narrow textarea { width: 154px; } .paypal-review-order .col2-set .col-1 { float: left; width: 35%; } .paypal-review-order .col2-set .col-2 { float: left; width: 49%; } .paypal-review-order .paypal-shipping-method{ padding-left: 0px; margin-bottom: 30px; margin-top: 30px; } .paypal-review-order .updatepaypaladdress{ background-color: #2f3b41; background-image: linear-gradient(to bottom, #2f3b41 0%, #3e515a 61%); border-color: #697f8a; border-radius: 18px; border-style: solid; border-width: 3px; color: #ffffff; float: left; height: 30px !important; margin-left: 7px !important; padding: 5px 10px !important; text-align: center; width: auto; color:#fff; } .paypal-review-order .updatepaypaladdress.editing{ display: none; } .paypal-review-order .sameasshipping{ display: none; } .paypal-review-order .form-list-narrow label{ display: none; } .paypal-review-order .form-list li.fields .field { clear: left; padding: 0; } .view-yellow{ padding-top: 25px; padding-bottom: 30px; } .view-yellow >div > dl{ padding: 0px 10px; } .view-yellow .add-to-cart button { height: auto; margin-left: 0; margin-top: 10px; } /* Landing Pages ================================================================================= */ .landing-page-box-bottom { width: 830px; height: 200px; margin-top: 10px; margin-bottom: 10px; } .landing-page-box-bottom ul{ margin: 0px; padding: 0px; list-style-type: none; } .landing-page-box-bottom li{ float:left; margin-right: 10px; position: relative; width: 235px; overflow: hidden; height: 200px; } .landing-page-box-bottom li.landing-span-3{ width: 265px !important; } #block-alsobought .specialoffersticker { display: block !important; position: absolute; right: 1px; top: 228px; } .product-details { text-align:center; } .landing-page-box-bottom a{ text-decoration: none; height: 200px; width: 265px; display: block; padding-top: 5px; } .landing-page-box-bottom .headline{ font-size: 20px; line-height: 20px; margin-top: 0; margin-left: 10px; width: 245px; font-weight: bold; display: block; text-transform: uppercase; } .landing-page-box-bottom .offer-text{ font-size: 13px; line-height: 16px; width: 245px; height: 100px; margin-top: 3px; margin-left: 10px; font-weight: normal; display: block; } .landing-page-box-bottom span.grey{ color: #4a4c4e; } .landing-page-box-bottom span.yellow{ color: #FFB614; } .landing-page-box-bottom .buttons{ text-align: center; width: 265px; position: absolute; bottom: 10px; } .landing-page-box-bottom span.call-to-action{ background-color: #FFB614; color: #fff; bottom: 10px; display: inline-block; font-size: 12px; font-weight: normal; line-height: 18px; min-width: 205px; text-align: center; padding: 5px; text-transform: uppercase; margin-top: 5px; } .landing-page-heading { width: 815px; height: 300px; margin-top: 10px; margin-bottom: 10px; } .landing-page-heading ul{ margin: 0px; padding: 0px; list-style-type: none; } .landing-page-heading li{ height: 300px; width: 815px; position: relative; float: left; } .landing-page-heading .text-holder{ background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/black_opacity60_pixel.png") repeat scroll 0 0 rgba(0, 0, 0, 0); width: 330px; margin-top: 130px; padding: 15px 0px 15px 0px; } .landing-page-heading .headline-title{ font-size: 20px; line-height: 20px; margin-left: 40px; width: 245px; font-weight: bold; display: block; text-transform: uppercase; color: #FFB614; } .landing-page-heading .subline-title{ font-size: 13px; line-height: 16px; width: 245px; margin-top: 5px; margin-left: 40px; font-weight: normal; display: block; color: #fff; } .landing-page-blocks .one-left{ float: left; width: 265px; margin-right: 10px; } .landing-page-blocks .two-right{ float: left; width: 540px; } /* BRANDS LOGO CSS */ .column.height { float: left; width: 130px; } #pronav .brandlogo{ display: none; } .brandlogo{ width: 85px; height: 85px; border: 1px solid #000; } .brandlogo img{ max-width: 85px; } .brandlogo.nologo span{ width: 85px; height: 85px; display: block; background-color: #fff; } /* !!!END !!! BRANDS LOGO CSS */ /* COUNTDOWN CLOCK CSS */ .countdownHolder{ width:217px; height:137px; margin:0 auto; font: 25px/1.5 'Open Sans Condensed',sans-serif; text-align:center; letter-spacing:-3px; padding-top: 8px; } .countDays{ display: none; } .countDiv0{ display: none !important; } .position{ display: inline-block; height: 1.6em; overflow: hidden; position: relative; width: 1.05em; } .digit{ position:absolute; display:block; width:1em; background-color:#444; border-radius:0.2em; text-align:center; color:#fff; letter-spacing:-1px; } .digit.static{ box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35); background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444444) ); } /** * You can use these classes to hide parts * of the countdown that you don't need. */ .countDays{ /* display:none !important;*/ } .countDiv0{ /* display:none !important;*/ } .countHours{} .countDiv1{} .countMinutes{} .countDiv2{} .countSeconds{} .countDiv{ display:inline-block; width:16px; height:1.6em; position:relative; } .countDiv:before, .countDiv:after{ position:absolute; width:5px; height:5px; background-color:#444; border-radius:50%; left:50%; margin-left:-3px; top:0.5em; box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5); content:''; } .countDiv:after{ top:0.9em; } /* !!END!! CLOCK CSS */ /*-------------------- BRANDS DEPARTMENT PAGES ---------------*/ #dept_title { font-size: 20px; text-transform: uppercase; margin-bottom:10px; } #dept-static-banners{ float:left; width: 480px; } .dept-static-image { float: left; margin: 0px 0px 16px 16px; height: 150px; width: 150px; overflow: hidden; } .dept-static-image a { display: block; height: 150px; width: 150px; text-indent: -9999px; line-height: 0; } .dept-static-image:hover { background-position: 0% bottom !important; } #dept_gallery_container { margin: 0px; float: left; width:315px; height:315px; } #dept_text { } #dept_text p { text-align: justify; padding: 10px; } #dept-static-banners a { width: 140px; height: 140px; } /*.brands-sections.fw > .dept-static-image.brands-sections-image:nth-of-type(1) { margin-right:20px; } .brands-sections.fw > .dept-static-image.brands-sections-image:nth-of-type(2) { margin:0 0 20px; } */ .brands-sections.fw > .dept-static-image.brands-sections-image:first-of-type{margin-left:0px;} .brands-sections.fw > .dept-static-image.brands-sections-image:last-of-type{margin-right:0px;} /* BRANDS LOGO CSS */ .column.height { float: left; width: auto; margin: 7.5px; } .columnSegment { text-align:center;float:left;float: left; width: auto; margin: 7.5px; } .col-main .column.height:first-of-type, .columnSegment:first-of-type { margin-left:0; } .col-main .column.height:last-of-type, .columnSegment:last-of-type { margin-right:0; } #pronav .brandlogo{ display: none; } .brandlogo{ width: 160px; height: 160px; border: 1px solid #000; } .brandlogo img{ max-width: 160px; vertical-align: middle; top: 0px; } .brandlogo.nologo span{ width: 160px; height: 160px; display: block; background-color: #fff; } #dept_outer_text { border-top: 5px solid #FFB614; background: #eeefed; margin: 10px 0; padding: 20px 5px; } .scroll-pane3 { height:200px; } #dept_text { width: 100%; height: 200px; overflow: auto; } #depth_text p { padding-right:10px; } #dept_content {margin-top:10px;} .sliderContainer { text-align: center; background-color: #bebebe; } .fourprods { width:100%; margin-bottom:20px; height:112px; } .fourprods li { width:23%; margin-right:21px; float:left; } .fiveprods { width:100%; margin-bottom:20px; height:112px; } .fiveprods li { margin-top:15px; margin-right:15px; float:left; } .leftmaincat { width:50%; float:left; } .leftmaincat img { margin-bottom:20px; float:left; } .rightmaincat { width:50%; float:right; } .rightmaincat img { margin-bottom:20px; float:right; } .bottom3 { width:100%; clear:both; } .bottom3 li { float: left; margin-right: 25px; } .mCustomScrollbar { width:100%; margin-right:0px !important; clear:both;} .catlast { margin-right:0px !important; float:right !important; } .catlast2 { float:right !important; margin-right:0px !important; } .topheader { margin-bottom:21px; } .catcontent { padding-top:20px; padding-bottom:20px; height:200px; min-height:200px; } .catcontent h1 { color:#0c69ae; font-size:26px; font-weight:bold; } #catheading h1 { color:#0c69ae; font-size:26px; margin-top:3px; font-weight:bold; text-align:center; } #catheading p { width:90%; margin-left:auto; text-align:center; font-size:14px; margin-right:auto; margin-bottom:12px; } /* !!!END !!! BRANDS LOGO CSS */ .mini-products-list .sticker img { bottom: 0; height: auto; position: absolute; right: 8px; width: 75px; top: auto; left: auto; } .mini-products-list .sticker.deal img { bottom: 0; left: auto; position: absolute; top: auto; width: 95px; } .product-img-box .specialoffersticker img { left: 361px; position: absolute; top: 361px; z-index: 200; } .specialoffersticker img { margin: 0 !important; padding: 0 !important; position: absolute; right: 7px; top: 122px; z-index: 2; } /* Video wrapper for product page - G.Hall 25/01/16 */ .videowrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 50%; height: 50%; } .product-img-box .sticker_deal img { border: medium none !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 24px; top: 353px; z-index: 10; } .product-img-box .sticker_deal.freedel img { border: medium none !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 0!important; top: 0!important; z-index: 11; left: 1px; } .home-products .sticker_deal.freedel img { width: 210px; top: 0 !important; position: absolute; left: 0; } .products-grid .sticker_deal.freedel img{ width: 194px; top: 0 !important; position: absolute; left: 0; } /* !!! END !!! Video wrapper */ /* styling it up */ .block-cart { background: #4d5b62; border-radius: 10px; float: right; margin-right: 0px; width: 163px; height: 42px; margin-top: -43px; } .block-cart img { float:left; margin-left:10px; } #search_mini_form { float:left; margin-top:15px; position: absolute; right: 0px; } .block-cart .amount a { font-weight:bold; color:#fff; } .yellow { color:#fdbc2d; margin-left:10px; } .yellow a { color:#fdbc2d !important; } .block-cart .summary { margin-top:10px; font-size:13px; } .toplinks { margin-left: -44px; margin-top: 20px; position: absolute; right: 138px; width: 462px; } .toplinks li { font-weight:bold; float:left; display:inline; color:#000; font-size:13px; margin-left:20px; } #currencyText .flagcurrency { border: 4px solid #fff; border-radius: 5px; float: left; padding: 0; line-height: 11px; } .currency-inner { /*width:200px;*/ } .currecnysubselect { cursor: pointer; padding: 5px 10px; width: 9px; float: left; margin-top:-3px; } .flag { border-radius:2px; } .headerleft { text-transform: uppercase; width: 410px; position: relative; top: 56px; left: 35px;} .headerleftleft { float: left; font-size: 12px; margin-top: 12px; margin-right: 12px; } .headerleftright { float:left; font-size:39px; color:#fdbc2d; } .bold { color:#a5a6a7; font-weight:bold; } .header { min-height: 136px; position: relative; width: 1164px; margin-left: auto; margin-right: auto; } .headerleft2 { left: 124px; position: relative; text-transform: uppercase; top: 56px; width: 408px; } .wt-rotator { height: 434px !important; width: 713px !important; } .wt-rotator .main-img { border: 0 none; display: none; height: 443px !important; left: 0; position: absolute; top: 0; width: 716px !important; z-index: 0; } .wt-rotator .screen { height: 443px !important; left: 0; overflow: hidden; position: relative; top: 0; width: 716px !important; z-index: 0; } .homeslideit { /*float:left;*/ margin-top:20px; height:434px; } .panel { width: 716px !important; height: 434px !important; } .homeshopit { float: right; width: 426px; margin-top: 19px; } .homelinks { float:left; clear:both; width:100%; list-style:none; display:inline; } .bottomside { margin-top:7px; } .homelinks li { margin-top:10px; float:left; margin-right:12px; width:280px; list-style:none; display:inline; } .homelinks li:last-child { float:right !important; width:282px; margin-right:0px; } .homelinks li:last-child img { float:right; } .home-products ol { margin:0px !important; padding-top:20px; } .home-products .product-image img { border:1px solid #e4e4e4; } .home-products img { margin-bottom: 7px; margin-left: 8px; padding: 10px; } .home-products ol { margin-top:10px; } .product-shop-home .price { white-space: nowrap !important; color: #0062b0; } .saving { font-size: 11px; text-align: center; margin-top: 10px; padding-top: 10px; top: 9px; position: relative; } .product-shop-home .saving { font-size: 12px; margin-left:auto; margin-right:auto; margin-top: 10px; padding-top: 10px; position: relative; text-align: center; top: 9px; width:265px; } .product-shop-home .actions { overflow: unset; text-align: center; width: 103px; margin-left: auto; margin-right: auto; } .product-shop-home button { background-color: #2f3b41; background-repeat: no-repeat; border-radius: 6px; /*display: none;*/ height: 32px; margin-left: 12px; margin-top: 3px; overflow: hidden; padding: 6px; width: 84px; padding-top: 9px; } .product-shop-home .specialoffersticker img { } .red { color:red; } .red .price { color:red !important; font-weight:bold; } .gray .price { margin-right:5px; font-weight:bold; color:#666 !important; } .footer-right ul { width:300px!important; } .runningrunning .runningleft { width:auto; float:left; clear:left; } .runningrunning .runningright { width:auto; float:right; } .col1-layout .main { width:1164px; margin-left:auto; margin-right:auto; padding:0px; } .col1-layout .col-main { margin-left:auto; margin-right:auto; padding:0px; } .runningrunning { width:1164px; clear:both; } .runningtop { margin-bottom:20px; } .runningleft { margin-bottom:20px; } .runningright { margin-bottom:20px; } .products-grid li.item { border: medium none; float: left; font-size: 18px; min-height: 465px; list-style: outside none none; margin-left: 20px; margin-right: 23px; position: relative; width: 248px; } .products-grid li.item { font-size: 18px; list-style: outside none none; } .products-grid button { background-color: #2f3b41; background-repeat: no-repeat; border-radius: 6px; display: block; height: 32px; margin-left: 60px; margin-top: 3px; overflow: hidden; padding: 7px 8px 6px; width: 90px; } .products-grid h2 { color: #000000; font-size: 13px; font-weight: bold; padding: 4px; text-align: center; } .col2-left-layout .products-grid li.item { border: medium none; float: left; font-size: 18px; height: 461px !important; list-style: outside none none; margin-left: 20px !important; margin-right: 0; position: relative; width: 265px !important; } .col1-layout .breadcrumbs { display:none; } .col1-layout .pager { display:none; } .products-grid .product-image img { border: 1px solid #e4e4e4; } .products-grid img { margin-bottom: 7px; margin-left: 6px; padding: 20px; } .products-grid img { margin-top: 10px; } #nav2 .level-top { width:auto; display:inline; float:left; padding:8px !important; font-family: arial; font-size:16px; padding-bottom:8px !important; padding-top:6px !important; } #nav2 .level0 .level-top span:after { margin-left: 10px;position: relative;top: 0px; } #nav2 { display:inline; } .level0 { display:none; } .level0 .level0 { display:none; } .level-top:hover > ul { background: #f4f4f4; display: block; margin-top: 30px; position: absolute; top: 20px; width: 97%; z-index: 100; left: -1px; } .category-products .actions { margin-left: auto; margin-right: auto; overflow: unset; text-align: center; width: 200px; } .category-products .products-grid img { margin-bottom: 7px; margin-left: 6px; padding: 20px; border: 1px solid #e4e4e4; } .category-products img { margin-top: 10px; } .main { margin-left:auto; margin-right:auto; width: 1266px !important; } .product-name h1 { color:#000; } caption, th, td { border:none !important; } .summary-box-review { display:none; } .writereveiw-button { display:none; } .sticker img { border:none; } .view-yellow > .qty { width:auto; float:none; clear: both; margin-top: 20px; } .view-yellow > .qty .qty{ width: 65px; height: auto; } .sizetype { float: left; width: auto; } .sizetype select { margin-top: 0; width: 190px; } .sizetype label { display: block; font-weight: bold; font-size: 11pt; color: #3f3f3f } .sizetype label em{ display: none; } .flag { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/flags.png"); height: 11px; width: 16px; } .col2-left-layout .col-main { width:936px !important; padding:0px !important; } .col2-left-layout .products-grid li.item { border: medium none; float: left; font-size: 18px; height: 461px !important; list-style: outside none none; margin-left: 0px !important; margin-right: 0; position: relative; width: 234px !important; } .col2-left-layout .category-products .product-image img { width:170px !important; height:170px !important; } .col2-left-layout .products-grid li.item { margin-left:0px; } #narrow-by-list dd { display:block; } .filterme dd { border-bottom:1px solid #666; } .topmenu { /* border-bottom: 1px solid #e4e4e4;*/ height: 35px; position: relative; } .topmenu img { position: absolute; right: 2px; top: 2px; } .closeme { display:none; } .topmenu p { font-size: 13px; font-weight: bold; margin-top: 8px; position: absolute; } .breadcrumbs { display:none; } .pager .limiter { display:block; } .pager .limiter select { width: 126px; } .toolbar-bottom .pager .pages { color: #333; float: none; line-height: 20px; margin: 0px; text-align: center; width: auto; position:relative; margin-top:-22px; } .pager { background: #e4e4e4 none repeat scroll 0 0; color: #333333; font-size: 11px; height: 25px; margin: 0 !important; padding: 6px 10px 2px; } .category-products img { margin-bottom: 11px; margin-left: 6px; } .block-layered-nav .block-title { display:none; } .trustbar { margin:0px; padding:0px; background:#EDEDED; height:81px; min-width: 1266px; padding: 0; width: 100%; } .product-view { margin-left: auto; margin-right: auto; position: relative; width: 1163px; } .social_network_links > div { width:56px !important; } .facebook-button { width:56px !important; } .tweet-button { width:65px !important; } .hukd { width:56px !important; } .grey { color:#666; font-weight:normal; } .black { color:#000; font-weight:normal; } .main-wrapper { margin-left: auto; margin-right: auto; padding-top: 13px; width: 1164px; } .category-title { margin-top:15px !important; } .topcat { position:relative; height:217px; } .topcat h1 { font-size: 40px; left: 36px; position: absolute; top: 96px; font-family:arial; text-transform: capitalize; } .navmain { width:1180px; margin-left:auto; margin-right:auto; } .product-shop-home .our { text-align:center; width:100%; } .headersocial { float: right; margin-bottom: 5px; margin-left: 18px; margin-top: 5px; width: 95px; } .headersocial ul { display:inline; } .headersocial li { display: inline; margin-left: 0px; } .blue { color:#004A84 !important; } .green { color:#009A44 !important; } .orange { color:#F94E00 !important; } .yellow { color:#FDC020 !important; } .products-grid .our .price { color: #0062b0; text-align:center !important; white-space: nowrap !important; } .products-grid .our { text-align:center; } .col2-left-layout .category-products .product-image img { margin-bottom: 11px; margin-left: 9px; padding: 20px; width:205px; height:205px; } .specialoffersticker { } .newcatcontent h1 { display:none; } .product-view .our span { clear: both; float: left; font-size: 12pt; font-weight: normal; line-height: 16pt; } .product-view .our .price { font-weight: bold; font-size: 20pt; line-height: 22pt; } .topmenu img { display:none; } /* Style the buttons that are used to open and close the accordion panel */ button.accordion { background-color: #fff; border:none; border-bottom:1px solid #e4e4e4; color: #444; cursor: pointer; padding: 10px; width: 100%; text-align: left; font-family: arial; font-size:15px; font-weight:bold; outline: none; transition: 0.4s; padding-left:0px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ button.accordion.active, button.accordion:hover { } /* Style the accordion panel. Note: hidden by default */ div.panel2 { padding: 0 18px; background-color: white; /*max-height: 0;*/ display: none; overflow: hidden; transition: 0.6s ease-in-out; opacity: 1; } div.panel2.show { opacity: 1; display: block; /*max-height: 8000px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */ } button.accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px; } button.accordion.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } .sidebar .block-layered-nav dd { border-bottom:none !important; } button.accordion.active { border-bottom:none; } div.panel2.show { border-bottom:1px solid #e4e4e4; } .block-layered-nav .actions { background:none !important; border-bottom:none !important; } .states { margin-left:0px; } .states .actions { display:none; } .states .block-subtitle { font-size:15px !important; } .mini-products-list .item:hover { border:none !important; box-shadow:none; } #block-alsobought li.item { border: medium none; float: left; font-size: 18px; height: 421px; list-style: outside none none; margin-right: 18px; margin-top: 10px; position: relative; width: 265px; } #block-alsobought .product-name { margin-left: auto; margin-right: auto; padding-top: 5px; text-align: center; width: 201px; word-wrap: break-word; text-decoration:none; } #block-alsobought .price { color: #0062b0; text-align: center !important; white-space: nowrap !important; } #block-alsobought .product-image img { height: 205px; margin-bottom: 11px; margin-left: 9px; padding: 20px; width: 205px; border: 1px solid #e4e4e4; margin-bottom: 7px; margin-left: 1px; margin-top:5px; padding: 20px; } #block-alsobought .item:hover { box-shadow: 0 0 10px 0 rgba(130, 130, 130, 0.75); } #block-alsobought .sticker img { height: 60px; left: 14px; position: absolute; top: 14px; width: 60px; } .toggleme { float: right; height: 24px; width: 36px; } .toggleme img { height:26px; } .block-related { margin-top:20px; } .page { border:none !important; } .trustbar img { float:right; margin: 0; padding: 0; } .dropit { margin-bottom:5px; margin-top:20px; display:block; float: left; margin-left: -35px; } .pager { margin-bottom:7px !important; } .category-products .products-grid select { margin-bottom: 12px; margin-left: 0px; margin-top: 17px; width: 200px; } .nav-0 span::after { content: " " !important; } #quick-select-qty { display:none; } .today-products .our { text-align:center; } .caroufredsel_wrapper { margin-left:0px !important; width:1141px !important; } .col-main-content { padding-bottom:20px; } .moveit { height:48px !important; } .states .actions { width: 168px; } .pager .pages { color: #333; left: 200px; position: relative; text-align: left; top: -3px !important; } .toolbar-bottom .pager .pages { margin:0 47px; text-align:left; color:#333; line-height:20px; left:121px; width:200px;} .nav-4-1-2-7-14 { clear:both; } .level-top:hover > div { background: #f4f4f4 none repeat scroll 0 0; border-top:8px solid #313e44; display: block; left: 0px; margin-top: 32px; position: absolute; top: 20px; width: 100%; z-index: 100; padding-bottom:20px; clear:both; } .level-top:hover > div > ul { background: #f4f4f4 none repeat scroll 0 0; display: block; margin-top: 30px; margin-left:auto; margin-right:auto; width: 1164px; z-index: 100; clear:both; } .navdropit > ul { width:200px; } .level1 { text-align:left; width:194px; float:left; margin-bottom:10px; } .navdropit a { color:#313E44; text-align:left; text-transform: capitalize; } .toplinks a { color:#a5a6a7;} .trustmain { width:575px; margin-left:auto; margin-right:auto; } .white { color:#fff; } .sidebar .block-layered-nav dt { text-align:left; } .navdropit { width:100%; background:#F4F4F4; height:auto; color:#9DA4A7; } h2 { text-align:left; font-family: arial; } .footerbottom { margin-left: auto; margin-right: auto; width: 1206px; } .littleblue { font-size:12px; color:#0062b0; font-weight:bold; } #cart-sidebar .price { display: inline; text-align: left; font-weight:bold; color:#0062B0; } .block-account .block-title { display:none; } .account-login .page-title { display:none; } .account-login .content h2 { font-size:20px; color:#313E44; font-family:arial; background:none; } .account-create h2 { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #313e44; font-family: arial; font-size: 20px; } .movedown { height:47px; } .littleads { float: right; width: 406px; margin-top:29px; min-height:80px; } .porductaddleft { width:317px; float:left; } .product-det-table { width:835px; float:left; } .homeleft { float:left; margin-top: 16px; width: 429px; } .homeright { float: right; width: 713px; margin-top: 15px; } .homeshopit img { width:425px; height:214px; } .homeright img { height:441px; } .homeleft .bottomside { margin-top:9px; } .product-shop-home .specialoffersticker { display: block !important; position: absolute; right: 147px; top: 116px; } .product-shop-home .specialoffersticker img { left: 0px; position: absolute; top: 0px; } .category-products .specialoffersticker img { border:none; } .category-products .specialoffersticker { } .add-to-cartbundle button { background-color: #EDEDED !important; background-image: none !important; border-color: #EDEDED !important; border-radius: 18px !important; border-style: solid !important; border-width: 3px !important; color: #ffffff !important; height: 83px !important; margin-left: 7px !important; margin-top: -16px; padding: 5px 10px !important; text-align: center; width: auto; } .xforytitle { font-size: 14px; font-weight: bold; width: 258px; } .xforyoptions { } .view-yforx { background-color: #ededed !important; padding: 10px; min-height:109px; width: 550px !important; margin-bottom:20px; } .xforyoptions img { margin-left: 7px; margin-top: -4px; width: 200px; } .xforyoptions .selectoption select { height: 28px; width: px; } #nav2 .level-top:hover { background:#313e44; } .prod-price-list { /* float: left; margin-left: 0; text-align: left; width: 248px;*/ } .clickme { font-weight:bold; height:30px; font-size:16px; border-bottom:1px solid #777C7E; color:#313E44; padding-bottom:4px; } .navdropit { font-size: 14px; line-height: 19px; } .displayleft { margin-top:10px; } .linkcollections li { text-align:center; } .linkcollections ul { border-left: none; float: left; text-align: center; width: 25%; } /*.nav-1-8 span { font-weight:bold; color:red; border-bottom:none !important; } .nav-1-8 span a { font-weight:bold; color:red; } .nav-2-8 span { font-weight:bold; color:red; border-bottom:none !important; } .nav-3-6 span { font-weight:bold; color:red; border-bottom:none !important; } .nav-4-6 span { font-weight:bold; color:red; border-bottom:none !important; } .nav-5-4 span { font-weight:bold; color:red; border-bottom:none !important; } .nav-6-4 span { font-weight:bold; color:red; border-bottom:none !important; } .nav-7-5 span { font-weight:bold; color:red; border-bottom:none !important; } .nav-8-5 span { font-weight:bold; color:red; border-bottom:none !important; } .nav-9-5 span { font-weight:bold; color:red; border-bottom:none !important; }*/ .products-grid .saving { clear: both; margin-left: auto; margin-right: auto; text-align: center; width: 230px; top:-7px; height:18px; } .saveoutter { width:100%; } .saveoutter p { } .callmediv { float: left; margin-left: 19px; } .financeleft { margin-top:20px; width:325px; float:left; } .financefrom { font:Arial; } .finance_rep_example_inner { font:Arial; } .financeright { margin-top:10px; font:Arial; width:813px; float:right; min-height:410px; } .callinfo { clear: both; height: 170px; } .callback { background: #f3f3f3 none repeat scroll 0 0; clear: both; min-height: 450px; padding: 20px; } .callinfoleft { float: left; width: 59%; } .callinforight { float: right; width: 41%; } .hasDatepicker { float: left; margin-right: 20px; width: 308px; } .productimgandstick { position:relative; text-align:center; } .sticker_deal img { margin: 0 !important; padding: 0 !important; position: absolute; right: 7px; top: 114px; z-index: 2; border:none !important; } #co-billing-form .control label, #co-shipping-form .control label { padding-left: 19px !important; } #payment_form_worldpay_cc .save-card { padding:0px; } #left-checkout-button img { display:none; } #checkout-buttons-container img { display:none; } #wordpay-place-order { background-image: none !important; border-radius: 0 !important; border-style: none !important; color: #ffffff; float: left; font-size: 26px !important; margin-left: 16px !important; margin-top: 15px; padding: 5px 10px !important; text-align: center; float: none !important; height: 55px !important; width: 260px; } #wordpay-place-order span span { font-family: liberationsans-regular !important; font-size: 18px !important; letter-spacing: 0.8px; float:none !important; } #wordpay-place-order2 { background-image: none !important; border-radius: 0 !important; border-style: none !important; color: #ffffff; float: left; font-size: 26px !important; margin-left: 16px !important; margin-top: 15px; padding: 5px 10px !important; text-align: center; float: none !important; height: 55px !important; width: 260px; } #wordpay-place-order2 span span { font-family: liberationsans-regular !important; font-size: 18px !important; letter-spacing: 0.8px; float:none !important; } a.button, button.button span, a.button span, button.button span span { float:none; } .home-products .specialoffersticker img { margin: 0 !important; padding: 0 !important; position: absolute; right: 10px; top: 129px; z-index: 2; } #block-alsobought .sticker_deal img { border: medium none !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 9px; top: 163px; z-index: 2; } .popclick .yellow { margin:0px; } .home-products select { margin-bottom: 12px; margin-left: 0; margin-top: 17px; width: 204px; } .home-products .actions { margin-left: auto; margin-right: auto; overflow: unset; text-align: center; width: 252px; } .salecat { width:auto; float:left; } #phone-num { color: #004780; font-family: "liberationsans-bold",arial !important; font-size: 14px; line-height: 12px; padding-left: 40px !important; } #phone-num1 { color: #004780; font-family: "liberationsans-bold",arial !important; font-size: 14px; line-height: 12px; padding-left: 40px !important; } .level1 li { max-width:145px; } .productlistviewdropdown .validation-advice{ display: none; } .productlistviewdropdown select.validation-failed{ border: 1px solid #444!important; background-color: #fff!important; } .product-start-fitness-50-gift-voucher-start-fitness-gift-voucher-50 .our { display:none; } .product-start-fitness-20-gift-voucher-start-fitness-gift-voucher-20 .our { display:none; } .product-start-fitness-10-gift-voucher-start-fitness-gift-voucher-10 .our { display:none; } .product-start-fitness-100-gift-voucher-start-fitness-gift-voucher-100 .our { display:none; } .product-start-fitness-50-gift-voucher-start-fitness-gift-voucher-50 .littleads { display:none; } .product-start-fitness-20-gift-voucher-start-fitness-gift-voucher-20 .littleads { display:none; } .product-start-fitness-10-gift-voucher-start-fitness-gift-voucher-10 .littleads { display:none; } .product-start-fitness-100-gift-voucher-start-fitness-gift-voucher-100 .littleads { display:none; } .giftcard-send-form ul li label { color:#000 !important; } .col1-layout .category-products .products-grid img { margin-bottom: 7px; margin-left: 0px; padding: 10px; } .col1-layout .category-products .specialoffersticker img { margin: 0 !important; padding: 0 !important; position: absolute; right: 13px; top: 122px; z-index: 2; } .col1-layout .sticker img { border: medium none !important; height: 60px; left: 90px; margin: 0 !important; padding: 0 !important; position: absolute; top: 17px; width: 60px; } .sagepay-server-content-image{ display : none!important; } .suggestion{ margin-bottom: 5px; } .suggestiontitle{ font-weight: normal; margin-right: 5px; } .suggestionitem a{ color: #2f3b41!important; font-weight: bold; } .recommendations{ margin-bottom: 5px; } .recommendationtitle{ font-weight: normal; margin-right: 5px; } .recommendationitem a{ color: #2f3b41!important; font-weight: bold; } .suggestionitem a:hover, .recommendationitem a:hover{ text-decoration:underline; } .iconsoverlay{ width: 368px; margin-left: 19px; position: relative; float: left; } .iconsoverlay .iconoverlayicon{ box-sizing: border-box; margin: 15px; float: left; position: relative; } .iconsoverlay .iconoverlayiconwrap{ width: 42px; height: 42px; overflow: hidden; position: relative; } .category-products .iconsoverlay .iconoverlayicon{ width: 15.5%; } .iconsoverlay .iconoverlayicon img{ max-width: 100%; border: 0px !important; position:relative; top: 0; -webkit-transition: top 1s; /* Safari */ transition: top 1s; } .iconsoverlay .iconoverlayicon img:hover{ max-width: 100%; border: 0px !important; position:relative; top: -100%; } .iconsoverlay .iconoverlayicon .iconoverlayicontext{ position: absolute; margin-left: auto; margin-right: auto; margin-top: 10px; width: 300%; left: -80%; text-align: center; background-color: #313e44; color: #fff; font-weight: bold; opacity: 0; text-transform: uppercase; animation-duration: 1s; animation-fill-mode: both; animation-name: zoomOut; border-radius: 4px; } .iconsoverlay .iconoverlayicon:hover .iconoverlayicontext{ opacity: 1; animation-name: zoomIn; } .sticker img{ z-index:20; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } #remember-me-box{ display: none; } /* ######### FINANCE ###########*/ #monthly.red{ background-color: red; } .alertmessageloantoolow{ font-style: italic; color: red; padding: 10px; text-align: center; } .financeselect{ width: 180px; background-color: #f5f5f5; min-height: 400px; } .financeselectbox{ padding: 12px; } .financeselectbox.active, .financeselectbox:hover{ background-color: #fff; } .financeselectbox img{ max-width: 100%; } .financeselectbox.headerbox h2{ text-align:center; font-size: 9pt; font-weight: bold; } .slidercontainerfinance .left{ min-height: 245px; } .commonheader{ min-height: 115px; } .financeleft { margin-top: 20px; width: 270px; float: left; } .financeright { margin-top: 10px; font: Arial; width: 890px; float: right; min-height: 410px; } .apply-for-text-wrap{ padding-top: 15px; clear: both; } .apply-for-text{ width: 100%; color: #000; text-align: center; padding: 15px; font-family: "bebas_neue_regularregular"; letter-spacing: 2px; font-size: 20px; text-rendering: optimizelegibility; line-height: 24px; } .apply-for-text h3{ color: #155d97; text-align: center; font-size: 12pt; } .apply-for-text p{ font-size: 10pt; color: #000; text-align: center; } .apply-for-text td{ padding: 10px 5px; min-width: 30%; border-right: 1px solid #000 !important; } .apply-for-text td:last-child{ border-right: 0px solid #000 !important; } .apply-for-text.paypal{ display: none; } .financepaypalhead{ display: none; } .financepaypalhead .lowertex{ font-size: 12pt; text-align: center; color: #000; font-weight: bold; } .financepaypalhead .lower2tex{ text-align: center; font-size: 9pt; font-weight: normal; } .finance_rep_example_inner { width: 100%; padding: 10px 0px; cursor: pointer; display: inline-block; font-size: 10pt; font-weight: 600; text-align: center; height: 25px; font-family: arial; letter-spacing: 1.8px; } .repexample.financepaypalhead p{ font-style:normal; text-align:center; font-size: 18px; color: #005496; } /* ######### FINANCE ###########*/ .catalog-product-view .newstylesticker.freepedals{ top: 0px; left: 73px; } .newstylesticker.freepedals{ background-color: #fff;position: absolute;top: 11px;left: 7px;z-index: 100;border: 1px solid #313e44; } .catalog-product-view .newstylesticker.freepedals{ background-color: #fff; border: 1px solid #313e44; } .newstylesticker .innersticker{ padding: 0 10px; } .catalog-product-view .newstylesticker .innersticker{ padding: 5px 20px; } .newstylesticker .innersticker .stickerlabel{ color: #000;font-size: 10pt;font-weight: bold; } .catalog-product-view .newstylesticker .innersticker .stickerlabel{ color: #000;font-size: 13pt;font-weight: bold; } .toplinks .fas{ margin-right: 10px; } .fas.yellow{ color: #fdbc2d; margin-left : 0px; } /* * * * NEW PRODUCT PAGE OVERRRIDE * * * */ .main .product-view .product-shop { float: right; margin-left: 0px; margin-top: 0; width: calc(675px - 70px); min-height: 480px; position: relative; } .main .product-view .product-shop h1{ font-size: 17pt; line-height: 18pt; } .main .product-img-box .sticker_deal.freedel.viewpage img{ left: 74px !important; } .main .product-view .product-img-box { padding-right: 0px; box-sizing: border-box; float: left; width: calc(485px + 70px); } .main .more-views { float: left; width: 65px; height: 470px; } .main .saveings { float: right; font-weight: normal; width: auto; margin-top: 0px; } .main .littleads { float: none; width: 270px; margin: 10px 0; min-height: 0px; clear: both; position: absolute; right: 0; } .main .littleads img{ max-width: 100%; } .main .inpage-link { display: block; clear: both; font-size: 16px; text-decoration: none; margin: 1em 0; } .main .viwmoreingo{ position: absolute; bottom: 0px; margin-bottom: 3px; } .main .inpage-link:hover, .main .inpage-link:focus { text-decoration: none; color: #fdbc2d; } .product-view .product-img-box .product-image-zoom{ left: 73px; height:471px!important; } .main .product-img-box .newstylesticker.saveperc { top: 0; left: 73px; z-index: 100; } .main #image { position: absolute; left: 0; top: 1px; cursor: move; padding: 10px; box-sizing: border-box; } .main .more-views { position: absolute; width: 120px; height: 470px; overflow-y: scroll; margin: 0 !important; top: 0; } .main .more-views ul { float: left; width: 65px; flex-direction: column; height: 100%; } .main .tab-con > h2 { font-size: 18px; font-weight: bold; } .signup-banner { background-color: #758f9b; /*#313e44;*/ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); clear: both; padding: 1.5rem calc(50% - 590px); position: -webkit-sticky; position: sticky; top: 0; height: auto; transition: .4s ease-in-out; z-index: 100; } .signup-banner--hide { opacity: 0; height: 0px; padding: 0px; } .signup-banner--hidden { visibility: hidden; display: none; } .signup-banner .c-signup { margin: auto; position: relative; } .c-signup { background: none; box-shadow: none !important; height: auto !important; padding: 0 !important; clear: both; } .c-signup * { box-sizing: border-box; } .c-signup__title { color: currentColor; } .c-signup__text { display: flex !important; align-items: center; justify-content: center; } .c-signup__text > p, .c-signup__text > .c-input-combo { flex: 0 0 35%; } .c-signup__text > p { font-size: 15px; text-align: center; font-weight: bold; text-transform: uppercase; padding: 0 5px; text-shadow: 0px 0px #000; margin-right:30px; } .c-signup__dismiss { border: none; background: none; color: currentColor; font-size: 1.5rem; position: absolute; top: calc(50% - 12px); right: 53px; } .c-signup__dismiss:hover, .c-signup__dismiss:focus { color: #fdbc2d; cursor: pointer; -webkit-transform: scale(1.1); transform: scale(1.1); } .c-signup__dismiss:active { -webkit-transform: scale(1); transform: scale(1); } .signup-banner .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .c-product__brand { display: block; font-size: 9pt; } .elembody table tr:first-child, .elembody table tr:first-child h2, .elembody table tr:first-child strong{ font-size: 12px!important; font-weight: bold!important; margin: 0!important; color: #fff; } .sizedisclamor{ font-style: italic; padding-top: 10px; } .elembody table tr:first-child th{ height: 10px!important; position: relative; } .elembody table tr:first-child th:after{ content: "â–¼"; font-size: 13px; position: absolute; right: 10px; top: 5px; color: #fff!important; } .elembody table{ margin-bottom: 5px!important; } .sizeguideaccor{ display: none; position: fixed; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 50px; height: 400px; width: 1160px; margin: auto; z-index: 1000; overflow: auto; background-color: #fff; padding: 10px; -moz-box-shadow: 0px 0px 10px 0px #656565; -webkit-box-shadow: 0px 0px 10px 0px #656565; -o-box-shadow: 0px 0px 10px 0px #656565; box-shadow: 0px 0px 10px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .sizeguideaccor h2{ font-weight: bold; font-size: 16px; margin-bottom: 15px; } .closesizeguide{ color: #313e44; position: absolute; right: 10px; } .elembody tr.opened th{ background-color: #313e44!important; } .elembody table tr:first-child th{ background-color: #313e44!important; } .elembody > p{ display: none; } .sizeguideaccor .accorelem .elembody table{ width: 100%!important; height: auto!important; } #product_tabs_product_additional_data_sizeguide2{ background-color: #efefef; border-radius: 5px; display: inline-block; float: none; font-weight: bold; margin-left: 15px; margin-top: 19px; padding: 3px 10px; position: relative; top: 4px; border: 2px solid #858585; } .paypalcredbanner{ position: absolute; right: 0; bottom: 155px; width: 300px; } .paypalcredbanner img{ max-width: 100%; } .mini-products-list-alsoboughtnew{ font-size: 0pt; } .viewandboughtproducts-div{ clear:both; padding-top: 15px; } .alsoboughtnew-item{ display: inline-block; width: 33.332%; padding-bottom: 15px; border-bottom: 1px solid #efefef; padding-top: 15px; } .alsoboughtnew-item-product-image{ display:inline-block; width: 40%; vertical-align: middle; } .alsoboughtnew-item-product-image img{ max-width: 100%; } .alsoboughtnew-item-product-image a{ padding: 5px 15px; display: inline-block; } .alsoboughtnew-item-product-content{ display:inline-block; width: 60%; font-size: 10pt; vertical-align: middle; } .alsoboughtnew-item-product-content h2{ text-align:left; text-decoration: none; padding: 5px 15px; } .alsoboughtnew-item-product-content h2 a{ text-decoration:none; } .alsoboughtnew-item-product-content .product-details{ padding: 0px 15px 5px; } .alsoboughtnew-item-product-content .product-details .rrp{ text-decoration: line-through; font-size: 8pt; } .alsoboughtnew-item-product-content .product-details .ourPrice{ vertical-align: middle; } .alsoboughtnew-item-product-content .product-details .ourPrice > span{ vertical-align: middle; } .alsoboughtnew-item-product-content .product-details .ourPrice .leftprice{ font-size: 10pt; font-weight: bold; color: #3f3f3f; padding-right: 5px; float: none !important; display: inline-block; vertical-align: middle; } .alsoboughtnew-item-product-content .product-details .saveperc > span{ color: red; font-weight: bold; font-size: 9pt; } .alsoboughtnew-item-product-content .product-details .buynowbutton span { display: inline-block; padding: 5px 15px; background-color: #313e44; margin: 5px 0; } .alsoboughtnew-item-product-content .product-details .buynowbutton span a{ color: #fff; font-weight: bold; } .alsoboughtnew-item-product-content .product-details .buynowbutton span:hover { background-color: #ffcb2d; } /*FOOTER STUFF*/ .visually-hidden, [target="_blank"]::after { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .text-highlight { color: #fdbc2d; font-size: 1.2em; font-style: normal; } [target="_blank"]::after { content: "opens in a new window"; } footer img { max-width: 100%; } footer, footer *, footer *::before, footer *::after { box-sizing: border-box; } footer { background-color: #313e44; color: #a6a6a6; display: block; width: 100%; padding: 1rem calc(50% - 582px); } footer h2 { color: currentColor; font-size: 1.2em; font-weight: bold; } footer a { color: currentColor; text-decoration: none; } footer a:hover, footer a:focus { color: #fdbc2d; text-decoration: underline; } footer ul { margin-top: 1rem; } footer section { background: none; box-shadow: none; height: auto; padding: 0; } footer section > * + * { margin-top: 1.5em; } footer .legals { margin-top: 1rem; width: 100%; } footer .legals p { text-align: center; } .l-flex { display: table; display: flex; justify-content: space-between; } .l-flex > * { vertical-align: top; } .footer-top { width: 1164px; } .footer-top > section:nth-child(1) { float: left; } .footer-top > section:nth-child(2) { float: right; } .footer-top > :nth-child(3) { width: 320px; } .footer-bottom { margin-top: -80px; } .footer-links { width: 480px; } .footer-links > div { flex: 0 0 125px; float: left; margin-right: 10px; } .footer-links li { line-height: 1.55; margin-bottom: 5px; } .c-signup { color: #fff; display: block; font-size: 1.4em; } footer .c-signup { width: 45%; } .c-signup__title { margin-bottom: 1em; } .c-signup__form { display: block; } .c-signup__form > * { display: block; } .c-input-combo { margin-top: 0px; } footer .c-input-combo { margin-top: 5px; } .c-input-combo__ctrl { border: solid 2px #fff; border-radius: 90px; padding: .5rem 1rem; } .c-input-combo__ctrl--text { border: solid 2px #fff; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 75%; } .c-input-combo__ctrl--text:focus { border-color: #fdbc2d; } .c-input-combo__ctrl--text:focus + input { border-color: #fdbc2d; } .c-input-combo__ctrl--btn { border-color: #fdbc2d; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; background: #fdbc2d; background: linear-gradient(to bottom, #fdbc2d 0%, #cc8b00 100%); cursor: pointer; font-weight: bold; letter-spacing: 1px; text-align: center; text-transform: uppercase; width: 25%; } .c-input-combo__ctrl--btn:active { background: linear-gradient(to bottom, #cc8b00 0%, #fdbc2d 100%); } .l-icon-list > li { display: inline-block; } .l-icon-list img { border-radius: 5px; } .l-icon-list a { display: block; } .footerbottom{ display: none; } .footer footer ul.links li, .footer footer ul li{ display: inline-block; } .footer footer ul.customer li{ display: block; } .footer footer ul, .footer footer ul.links, .footer footer-left > div{ width: auto; } .checkout-cart-index section{ background:none; box-shadow: none; } .cart-credit-message{ display: none; } .tcpopupcontent p{ padding: 10px 0; } .sideimgcart{ min-width: 30px; } @font-face { font-family: 'beba_neue'; src: url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/bebasneue_regular-webfont.eot'); src: local('beba_neue'), local('beba_neue'), url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/bebasneue_regular-webfont.ttf') format('truetype'), url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/bebasneue_regular-webfont.svg#font') format('svg'); } /* ==================== Improved One Page Checkout with progressbar ===================== */ .block-progress .block-title { background: none; margin: 0 0 34px; padding: 0; } .checkout-onepage-index .col-main { padding: 0; border: 0; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .checkout-onepage-index .page-title { padding-right: 40px; width: auto; } .checkout-onepage-index .page-title h1 { background: none; padding: 0; } .opc { position: relative; overflow: hidden; height: 1440px; padding-top: 20px; text-align: center; background: #fff; width: 100%; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .opc .buttons-set { margin: 0px; opacity: 1 !important; } .opc .buttons-set p.required { margin: 0; padding: 0 0 10px; } .opc .buttons-set .back-link { display: none; } .opc .buttons-set .please-wait { position: relative; z-index: 99; top: -90px; left: 50%; margin: -80px 0 0 -146px; border: 5px solid #f3b66f; font-size: 12px; background: #fff; padding: 30px; white-space: nowrap; border: 1px solid #c0c0c0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.2); box-shadow: 0 0 50px rgba(0,0,0,0.2); color: #000 !important; } .opc .buttons-set a { color: #214D90; } .opc .ul { list-style: disc outside; padding-left: 18px; } .opc li { width: 100%; } .opc li.section { display: inline; } .opc .step-title, .opc .allow .step-title { border-color: #FBFAF6; } .opc .step { position: absolute; border: 0; top: 37px !important; left: 0; z-index: 1; background: #fff; width: 605px; height: 900px; border-bottom: 1px dotted #ccc; border: none; background: none; width: 974px; text-align: left; background: #FBFAF6 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_checkout.gif) 0 0 repeat-x; } .opc .step-title .number, .opc .allow .step-title .number, .opc .active .step-title .number { float: none; display: block; margin: 0 auto; margin-bottom: 10px; } .opc .step-title a { display: none; } .opc .step-title .number { background: #fff; color: #ccc; width: 30px; height: 30px; line-height: 30px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; margin-bottom: 10px; padding: 0; border: 0; position: relative; z-index: 1; } .opc .step-title h2 { font-size: 12px; color: #bbb; clear: both; margin-bottom: 10px; } .opc .allow .step-title .number { background: #000; border-color: #fff; color: #fff; } .opc .allow .step-title h2 { color: #000; } .opc .active .step-title .number { background: #F18200; border-color: #fff; color: #fff; } .opc .active .step-title h2 { color: #F18200; } .opc .step-title, .opc .allow .step-title, .opc .active .step-title { position: relative; text-align: center; border: none; background: none; padding: 0; height: 80px; display: inline-block; vertical-align: top; } .opc .step-title, .opc .allow .step-title, .opc .active .step-title { *display: block; *float: left; } .opc .step-title h2, .opc .allow .step-title h2, .opc .active .step-title h2 { width: 100%; text-align: center; } .opc .step-title { width: 16%; } .opc .form-list .field, .opc .form-list .wide { } .opc .form-list li fieldset { margin-bottom: 0px; } .opc .form-list label { padding: 4px 0 0; text-align: start; width: 460px; } .opc .form-list label.required em { float: none; position: relative; right: 4px; } .opc .form-list li.fields { margin: 0; } .opc .form-list div.fields { width: 100%; overflow: hidden; margin: 0 0 8px; } .opc .form-list .wide, .opc .form-list li.fields .field { width: 100%; margin: 0 0 8px; } .opc .form-list li.wide .input-box, .opc .form-list .input-box { clear: both; float: left; } .opc .form-list li.wide select { width: 390px; } .opc .form-list li.wide input.input-text { width: 100%; float: left; } .opc .form-list .control input { margin: 8px 0 0 6px; } .opc .form-list li.control label { float: left; } .opc form .form-list li.wide { margin-bottom: 8px; } .opc form .address-select { margin: 8px 0 40px; } .form-list .control { clear: both; } .opc:first-of-type .step { left: -9999px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*.opc:first-of-type .step[style*='display:none;'], .opc:first-of-type .step[style*='display: none;']{display:block !important;}*/ .opc:first-of-type .section .step { } .opc:first-of-type .allow .step { left: -9999px } .opc:first-of-type .active .step { background: #fff none repeat scroll 0 0; display: block; left: 0; z-index: 1000; margin-top: 60px; } .checkout-onepage-index .block-cart { z-index: 10001; } .opc:first-of-type li:last-child .step-title a { width: 50% } .opc:first-of-type li:first-child .step-title a { width: 50%; left: 50% } .opc:first-of-type .step-title a { display: block; height: 1px; border-bottom: 1px dashed #ccc; width: 100%; text-indent: -3000px; position: absolute; top: 15px; z-index: 0 } .opc:first-of-type .allow .step-title a { } #opc-login p.required { display: none; } #opc-login h3 { margin-bottom: 18px; } #opc-login .col-2 { float: none; } #opc-login .col-2 form fieldset h4 { display: none; } #opc-login .col-2 { display: block; width: 300px; } #opc-login .col-2 fieldset { width: 300px; } #opc-login .col-2 .input-box { width: 188px; margin: 0; float: left; } #opc-login .col-2 .input-text { width: 316px; } #opc-login .col-2 .form-list label { text-align: left; clear: both; } #opc-login .col-2 .form-list label { width: 110px; } #opc-login .form-list li.control label { float: none; } #opc-login .form-list li.control input { margin: 0 8px 0 0; } #opc-login .col-1 { float: right; } s #opc-login .col-1 { width: 290px; } #opc-login .col-1 h4, #opc-login .col-1 .ul { display: none; } #checkout-step-review.step { width: 774px; } #opc-review .step { } #opc-review .product-name { font-weight: bold; color: #0a263c; } #opc-review .item-options { margin: 5px 0 0; } #opc-review .buttons-set { padding: 20px 0; border: 0; } #opc-review .buttons-set p { margin: 0; line-height: 40px; } #opc-review .buttons-set .please-wait { height: 40px; line-height: 40px; } #opc-shipping_method .buttons-set { border-top: none !important; } #billing-new-address-form .fields { width: 100%; float: left; } .opc input { width: 400px; } .opc select { width: 400px; } .check_left { margin-top: -12px; width: 50%; float: left; } .check_right { width: 50%; float: right; } .name-firstname .input-box input, .name-lastname .input-box input, #billing\:email { width: 400px !important; } #checkoutSteps label { float: left; } #billing_cp_postcode_placeholder_id input { width: 400px !important; } #checkout_left { width: 70%; float: left; } #checkout_right { float: right; width: 30%; } #checkout_right .block-cart { width: 88%; border: 2px solid #1591d9; } #checkout_right .summary { width: 100%; } .block-subtitle { background: #0c92d1; font-size: 15px; color: #333 !important; font-weight: bold; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 15px; } #checkout_right .btn-remove { display: none; } #checkout_right .btn-edit { display: none; } #checkout_right .product-image { float: left; width: 20%; margin-left: 10px; } #checkout_right .product-image img { } #checkout_right .product-name { width: 51%; float: left; margin-left: 10px; } #checkout_right .product-details .price { color: #28B0EE; } #checkout_right .summary { padding-top: 10px; } #checkoutSteps h2 { font-size: 16px; } .checkout-onepage-index .page-title h1 { display: none; } #checkoutSteps .fields { /* border: 1px solid #e4e4e4;*/ float: left; /* margin-bottom: 20px;*/ /*padding: 0 0px 20px;*/ text-align: center; background: #fff; } #checkoutSteps #billing_cp_postcode_placeholder_id { float: left; margin-bottom: 0px !important; padding: 0 0px 20px; text-align: center; } #checkoutSteps .billing_cp_address_class { float: left; margin-bottom: 20px; /* padding: 0 0px 20px;*/ text-align: center; } #checkoutSteps .link-tip { display: none; } #checkoutSteps select { border: 2px solid #d4d4d4; border-radius: 5px; height: 30px; width: 412px; } #checkoutSteps input { border: 2px solid #d4d4d4; border-radius: 5px; height: 24px; width: 403px; float: left; } .sp-methods li { clear: both; } .sp-methods input { margin-right: 20px; width: auto !important; } #shipping-method-buttons-container button { margin-top: 20px; } .control input { width: auto !important; } .opc .form-list li.wide input.input-text { width: 400px !important; } #register-customer-password input { width: 400px !important; } #billing_cp_button_div_id #billing_cp_button_id { background: #313e44 none repeat scroll 0 0; border: medium none; border-radius: 0px; color: #fff; font-weight: bold; padding: 10px; } #shipping_cp_button_div_id #shipping_cp_button_id { background: #313e44 none repeat scroll 0 0; border: medium none; border-radius: 0px; color: #fff; font-weight: bold; padding: 10px; } #shipping_cp_button_id span span { color: #fff !important; } #billing_cp_button_div_id #billing_cp_button_id img { display: none; } #shipping_cp_button_div_id #shipping_cp_button_id img { display: none; } #billing_cp_button_div_id span { color: #fff; } .control label { clear: none !important; } #crafty_postcode_lookup_result_option1 { height: 100px !important; } #billing-buttons-container .button { margin-top: 10px; } .opc input { padding-left: 4px; } .checkout-onepage-index .quick-access { display: none; } .checkout-onepage-index .nav_search { display: none; } .checkout-onepage-index .nav-container { display: none; } .checkout-onepage-index .main-wrapper { width: 100%; padding-top: 0px; } .checkout-onepage-index #checkout_main { width: 100%; } .checkout-onepage-index .main-container { background: none !important; } .checkout-onepage-index .block-cart { border-radius: 10px; float: right; height: 42px; margin-right: 0; margin-top: -41px; width: 32%; } #checkoutSteps .col-1 { border: 1px solid #e4e4e4; float: right; height: 278px; padding: 20px; width: 43%; } #checkoutSteps .col-2 { border: 1px solid #e4e4e4; width: 43% !important; padding: 20px !important; float: left; } .cart .checkout-types .btn-proceed-checkout span span { background: none; } .checkout-onepage-index .checkout-types button { padding-top: 2px; padding-bottom: 2px; height: auto; width: 185px; } .checkout-cart-index .col2-set .col-2 { width: auto !important; float: right; } .cart .checkout-types .btn-proceed-checkout span span { border: 0 none; color: #fff; font-size: 13px !important; height: 25px; line-height: 23px; margin: -18px 0 0; padding: 0; position: relative; text-transform: none; top: -4px; padding: 0px !important; text-align: center; display: block; font-family: "HelveticaCondensed", "liberationsans-bold", Hevetica, arial, sans-serif !important; font-weight: normal !important; } .cart .checkout-types .btn-proceed-checkout span { font-size: 7px; height: 19px; padding: 0; width: 185px; } #checkout-step-login { height: auto; min-height: 0; padding: 0; width: 67%; } .opc .step-title h2 { font-weight: normal; padding: 0px !important; } .opc .active .step-title h2 { font-weight: normal; text-transform: uppercase; } .col2-set .col-1 { width: 44% !important; padding: 20px !important; } .col2-set .col-2 { width: 44% !important; padding: 20px !important; } .step { width: 74%; } .block-subtitle { background: #FFB614; padding: 10px; color: #fff; font-weight: bold; } .col-main .block .block-content { padding: 0px !important; border: 1px solid #FFB614; } #billing-address-select { margin-left: 36px; } #cart-sidebar .product-details .product-name { display: block; text-align: left; padding: 0px 15px 0 0; margin: 0; } #login-form .opc input { width: 156px; } .checkout-onepage-index .block-cart .summary { background: #e4e4e4; padding: 10px; } .checkout-onepage-index .block-cart .subtotal { text-align: right; font-weight: bold; } .checkout-onepage-index .f-left { clear: both; } #remember-me-box input { width: 166px; } #checkout-step-login button { margin-top: 10px; margin-bottom: 10px; } .opc #contactForm .buttons-set a.button, .buttons-set button.button { background: #313e44 none repeat scroll 0 0; border: medium none; border-radius: 0; color: #ffffff; float: left; font-size: 14px; height: 30px; margin-bottom: 16px; margin-left: 0; margin-top: 20px; padding-bottom: 7px; padding-left: 30px; padding-right: 30px; padding-top: 7px; text-align: center; text-transform: uppercase; width: auto; } .checkout-cart-index a.button, .checkout-cart-index button.button span, .checkout-cart-index button.button span span { text-transform: uppercase !important; } a.button, button.button span, button.button span span { text-transform: uppercase !important; } .checkout-onepage-index .buttons-set button.button span { font-family: arial !important; } .catalog-category-view .actions .button.btn-cart, .category-products .actions .button.btn-cart { float: none !important; width: 122px !important; margin-left: auto; margin-right: auto; } .checkout-onepage-index h3 { } .opc .step { width: 64%; margin-top: 90px !important; } .opc .active { display: block; } .opc .step { background: #fff; } .checkout-onepage-index .active form { background: #fff; display: block; } #crafty_postcode_lookup_result_option1 { margin-top: -30px; } .header .pop img { max-width: 80%; height: auto; } .mini-products-list .truncated { display: none; } .header .pop .product-name { } .pop { width: 350px; } .checkout-types button { border-radius: 0px; } .opc:first-of-type .step { transition: all 0.5s ease-in-out 0s; } #billing-address-select { } #shipping-new-address-form fieldset { clear: both; } .checkout-onepage-index .main { width: 100% !important; } .checkout-onepage-index .a-item { /* margin-left: 12%; width: 36% !important;*/ } .checkout-onepage-index .step-title { width: 12%; } .checkout-onepage-index .block-cart { border-radius: 10px; float: right; height: 42px; margin-top: 58px; width: 32%; } .checkout-onepage-index #sidereviewwrap .block-cart, .checkout-onepage-index #sidecard2wrap .block-cart { margin-top: 147px; } .step-title-top { background: #313e44 none repeat scroll 0 0; border-top: 2px solid #e4e4e4; height: 90px; width: 100%; } .step-title-top-middle { margin-top: 33px; width: 1167px; margin-left: auto; margin-right: auto; } .step-title-top-middle ul li { display: inline; } .step-title-top-middle ul li h2 { margin-left: 33px; margin-top: 20px; display: inline; color: #fff; padding: 20px; border: 1px solid #ffb614; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; } #checkoutSteps .step-title h2 { margin-left: 33px; margin-top: 0px; display: inline; color: #666; padding: 20px 0px !important; border: 1px solid #ffb614; font: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px !important; font-weight: bold; width: 205px; display: inline-block; height: auto; } .opc { width: 1167px; margin-left: auto; margin-right: auto; float: none; } #checkout-step-login .col2-set { padding-top: 0px; padding-right: 0px; } #checkoutSteps h2 { margin-bottom: 30px; font: 14px/21px/*"HelveticaNeue","Helvetica Neue",*/Helvetica, Arial, sans-serif; font-size: 26px; color: #666; text-transform: uppercase; } #checkoutSteps h3 { font-size: 20px; font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } #checkoutSteps button span { font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; } #checkoutSteps label { font-size: 13px; } #checkoutSteps .step-title { height: auto; } #checkoutSteps .checkbox { width: auto !important; } #remember-me-box .checkbox { margin-left: 97px; margin-top: 7px; } .step-title { } .sp-methods dt { font-size: 16px; } .opc p.required { float: left; } #checkoutSteps select { border: 2px solid #d4d4d4; border-radius: 5px; width: 100%; } #shipping_cp_postcode_placeholder_id input { width: 402px !important; } #billing_cp_result_display { height: auto; } #shipping_cp_result_display select { height: 100px; } .form-alt { clear: both; } #checkout-payment-method-load dt { clear: both; } #checkout-payment-method-load input { width: auto; vertical-align: middle; } #checkout-review-table-wrapper { } #checkout-review-table-wrapper thead { background: #d9d9d9; border: none; } #checkout-review-table-wrapper tfoot { background: #fff; } #checkout-review-table-wrapper tfoot tr.last { background: #d9d9d9 !important; } .f-left { display: none; } #serversecure > span { clear: both; float: left; text-align: left; } #billing-address-select { margin-left: 0px; } .step-title-top-middle h2 { color: #999; } #checkoutSteps .step-title { margin-top: 20px; float: left; height: 30px; width: auto; overflow: visible !important; } .opc .step-title, .opc .allow .step-title, .opc .active .step-title { overflow: visible !important; } .opc .active .step-title h2 { color: #FFB614 !important; } #checkoutSteps .step-title h2 { margin-left: 26px !important; } .opc .form-list .control label { line-height: 31px; } .opc #contactForm .buttons-set a.button, .buttons-set button.button { margin-bottom: 1px; margin-left: 0px !important; } .v-middle { margin-left: 25px !important; vertical-align: middle; } .please-wait img.v-middle { float: none; } #opc-review .buttons-set { padding: 0px !important; } .opc .step { -webkit-animation: bounceIn 2s; transition: all 0.5s ease 0.5s !important; -webkit-transition: opacity 2.0s ease-in; -moz-transition: opacity 2.0s ease-in; -o-transition: opacity 2.0s ease-in; opacity: 1; } .opc .active { transition: all 0.5s ease-in-out 0s !important; -webkit-transition: opacity 2.0s ease-in; -moz-transition: opacity 2.0s ease-in; -o-transition: opacity 2.0s ease-in; opacity: 1; } label[for="p_method_sagepaydirectpro"], label[for="p_method_sagepayserver"], label[for="p_method_sagepayform"], label[for="p_method_sagepaynit"] { background-image: none !important; display: inline-block !important; min-height: auto !important; padding-left: 16px !important; padding-top: 0 !important; margin-left: 5px !important; } .v-middle { float: left; margin-left: -1px !important; vertical-align: middle; } .paymentsage li { margin-left: 0px; } #checkoutSteps #co-payment-form .paymentsage li label { margin-left: 0px !important; } #payment_form_c3v12finance li label,#payment_form_c3v12finance li .input-box{ width: auto!important; display: block!important; float: none!important; margin-left: 0px; margin-bottom: 10px; } #payment_form_c3v12finance li .input-box select{ float: none!important; } #payment_form_c3v12finance label { margin-left: 0 !important; } .v12finance_deposit .notice{ background-color: transparent; border-radius: 0; color: #000; display: block; text-align: left; } #payment_form_c3v12finance select { margin-left: 0 !important; width: auto; } #checkoutSteps #co-payment-form label { font-size: 15px; margin-left: 20px !important; } #payment_form_sagepayserver label { margin-left: 10px; } .buttons-set button.button span { font-weight: normal !important; } .cart-collaterals .input-text, .cart-collaterals .validate-select { width: 100%; height: 23px; } .cart-collaterals label { font-size: 12px; } .showallpayment { cursor: pointer; font-weight: bold; border: 2px solid #e9e9e9; display: inline-block; padding: 7px; border-radius: 5px; margin-top: 10px; } .cart .totals table td { float: left; text-align: left !important; } .data-table .btn-remove { background: rgba(0, 0, 0, 0) url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/btn_remove.gif") no-repeat scroll 0 0; cursor: pointer; display: block; font-size: 0; height: 12px; line-height: 0; margin: 0 auto; overflow: hidden; position: relative; right: 231px; text-indent: -999em; top: 17px; width: 13px; } #shopping-cart-table .btn-remove { background: rgba(0, 0, 0, 0) url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/btn_remove.gif") no-repeat scroll 0 0; cursor: pointer; display: block; font-size: 0; height: 12px; line-height: 0; margin: 0 auto; overflow: hidden; position: relative; right: 6px; text-indent: -999em; top: 4px; width: 13px; } .mini-products-list .product-details .product-name { font-size: 12px; margin-left: 7px; margin-right: 6px; } #checkoutSteps { font-family: arial !important; } #checkoutSteps .product-name { font-family: arial !important; } #checkout-review-table tr .last { text-align: right; } .data-table .btn-remove { float: left; left: -3px; top: 4px !important; } .checkout-cart-index { font-family: arial !important; } .cart .shipping #sp-rates label { font-family: arial !important; } .cart .totals table tfoot td .price { font-family: arial !important; } .opc:first-of-type .active .step { background: #fff none repeat scroll 0 0; display: block; left: 0 !important; z-index: 1000; margin-top: 60px; } .opc .step { position: absolute; border: 0;/* top:37px !important; */ left: 0 !important; z-index: 1; background: #fff; width: 605px; height: auto !important; border-bottom: 1px dotted #ccc; border: none; background: none;/* width:974px; */ text-align: left; background: #FBFAF6 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_checkout.gif) 0 0 repeat-x; } .opc .step { width: 64% !important; margin-top: 90px !important; } .cart .title-buttons { padding-right: 0px !important; } .cart h1 { width: 200px !important; float: left; } .cart .page-title img { float: right; margin-bottom: 10px; } .opc li.section { display: block; } .product-shop-home button { background-color: #2f3b41; background-repeat: no-repeat; border-radius: 6px; /* display: none; */ height: 32px; margin-left: 12px; margin-top: 3px; overflow: hidden; padding: 6px; width: 101px; padding-top: 9px; } .step { background: #fff !important; } .lookupformwrap .input { float: left; width: 100%; margin: 15px 0; } #selectaddress { border: 2px solid #d4d4d4; border-radius: 5px; width: 436px !important; height: 119px !important; } .addressbookline { width: 47%; vertical-align: middle; border-bottom: 1px solid #efefef; float: left; margin: 7px; background: #e4e4e4; min-height: 127px; } .addressbookline td { vertical-align: middle; padding: 10px 0; } .addressbookline .firstcell { width: 91%; height: 140px; } .addressbookline .firstcell label { display: block; float: none; font-weight: normal; width: auto; } .newaddlabel { font-weight: bold; } .showaddressbookbill, .showaddressbooship { font-weight: bold; } .reviewcartlist li { padding: 10px; } #cart-sidebar { } .checkout-agreements .agreement-content { position: fixed; width: 40%; left: 25%; top: 50px; height: 300px; overflow: auto; background-color: #fff; padding: 20px !important; border: 1px solid #efefef; border-radius: 5px; display: none; } .reviewbarsubmit { background: #313e44 none repeat scroll 0 0 !important; border: medium none !important; border-radius: 0 !important; color: #ffffff !important; float: right !important; font-size: 14px !important; height: 30px !important; margin-bottom: 16px !important; margin-left: 0 !important; margin-top: 20px !important; padding-bottom: 7px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 7px !important; text-align: center !important; text-transform: uppercase !important; width: auto !important; } button.button.reviewbarsubmit > span, button.button.reviewbarsubmit > span > span { color: #fff !important; font-weight: normal !important; font: normal 13px arial !important; } #opc-login .step-title h2 { display: none; } #checkout-review-table-wrapper { max-height: 510px; overflow: auto; } /* PLEASE CLEAR OUR CLOUDFLARE THANKS !*/ @media (min-width: 765px) and (max-width: 1025px) { .lookupformwrap #selectaddress { -webkit-appearance: menulist-button; height: auto !important; } } .checkout-onepage-success .col-right.sidebar { display: none; } .addressbookwrapbill label, .addressbookwrapship label { float: none; width: auto; } .addressbookwrapbill, .addressbookwrapship { max-height: 460px; overflow: auto; } .cart-collaterals .storeboughtcards h2 { display: none; } .storeboughtcards-form table tr td:first-child { width: 75%; text-align: left; } .storeboughtcards-form table tr td { text-align: right; } .storeboughtcards-form table tr td input { width: 98% !important; height: 35px !important; padding: 0 8px !important; box-sizing: border-box !important; } .cart .giftcard button.check-pgc-status span { padding: 0 !important; background: none !important; line-height: 1.3 !important; color: #444 !important; height: auto !important; font-weight: normal !important; text-transform: none !important; text-decoration: underline; } .giftcard.storecard { display: none; } .giftcard.onlinecard { display: none; } .storegiftcard-balance { display: none; } .storegiftcard-balanceonline { display: none; } #step-payment .giftcard.storecard { width: 355px; } #step-payment .giftcard.storecard h2 { font-size: 11pt; margin-bottom: 10px; font-weight: bold; color: #000; } #step-payment .giftcard.storecard .buttons-set { float: none; } #step-payment .giftcard.onlinecard h2 { font-size: 11pt; margin-bottom: 10px; font-weight: bold; color: #000; } #step-payment .giftcard.onlinecard .buttons-set { float: none; } .storegiftcard-balance { clear: both; } .redeemgiftcard { padding: 10px; background-color: #FFB614; color: #333; text-transform: uppercase; display: inline-block; margin: 10px 0; font-weight: bold; cursor: pointer; } .redeemgc { padding: 5px 30px; background-color: #FFB614; color: #fff; text-transform: uppercase; display: inline-block; margin: 10px 0; font-weight: bold; cursor: pointer; } .gcclose { padding: 5px 20px; background-color: #ccc; color: #000; text-transform: uppercase; display: inline-block; margin: 10px 20px; font-weight: bold; cursor: pointer; } .gcclose2 { padding: 5px 5px; background-color: #ccc; color: #000; text-transform: uppercase; display: inline-block; margin: 10px 0px; font-weight: bold; cursor: pointer; width: 126px; text-align: center; } .giftcardpop { z-index: 9999; display: none; position: fixed; top: 20px; width: 800px; background: #fff; border: 2px solid #ccc; left: 50%; margin-left: -400px; } .cart .giftcardpop h1 { float: none !important;; width: auto !important; } .giftcardpop h1, .cart .giftcardpop h1 { color: #FFB614; text-transform: uppercase; text-align: center; font-weight: normal; font-size: 28px; margin-bottom: 15px; margin-top: 0px; } @media (max-height: 790px) { .cart .giftcardpop h1 { font-size: 16px; } } .gcimage img { width: auto; } .giftcardpop-container { padding: 00px; } .gcdesc, .gcimage { vertical-align: center; } #checkoutSteps .gcdesc h2 { margin-bottom: 10px; font-size: 22px; } .gcdesc { padding: 10px 15px; } .gcimage { padding: 10px 0px; width: 90px } .additionalinfopayment-giftcard{ display: none; } .gcselection p { margin-bottom: 10px; } .gcselection > h1{ font-size:inherit; } .gcselection .gcdesc{ display: none; } #step-payment .giftcard.onlinecard { display: none; width: 355px; } .exampleimagegc { position: absolute; right: 15px; width: 390px; } .exampleimagegc img { max-width: 100%; } .exampleimagegc .type1, .exampleimagegc .type2 { display: none; } body #p_method_sagepayserver, body #p_method_sagepayform, body #p_method_sagepaydirectpro { float: none; margin-right: 0; margin-top: 0; } #checkout-payment-method-load { margin-top: 0; } body label[for="p_method_sagepayserver"] { background-image: none !important; display: inline-block !important; min-height: auto !important; padding-top: 0 !important; margin-left: 0 !important; } .paymentlogo { width: 80px; height: 40px; display: inline-block; vertical-align: middle; padding: 5px 15px 5px 0; margin-left: 15px; } .paymentlogo img { max-width: 100%; } .paymentmethodmore { display: none; } .methodline-paypal_credituk .paymentmethodmore { display: inline; } #step-payment dd { display: block; padding-left: 0px; margin-left: 0px; clear: left; } #step-payment dd .additionalinfopayment { margin: 10px 0px 10px 35px; display: none; border: 2px solid #ccc; padding: 10px; border-radius: 15px; width: 495px; } .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 900000; padding: 20px; box-sizing: border-box; background-color: #000; background-color: rgba(0, 0, 0, 0.75); text-align: center } .blocker:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em } .blocker.behind { background-color: transparent } .modalpostcode { display: none; vertical-align: middle; position: relative; z-index: 2; max-width: 500px; box-sizing: border-box; width: 90%; background: #fff; padding: 15px 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; text-align: left } .modalpostcode a.close-modal { position: absolute; top: -12.5px; right: -12.5px; display: block; width: 30px; height: 30px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/closepop.png') } .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px } .modal-spinner>div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out } .modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s } .modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s } .modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5) } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0) } } /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-icons_222222_256x240.png"); } .ui-state-default .ui-icon { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } .scroll-pane3 { height:200px; } #dept_text { width: 100%; height: 200px; overflow: auto; } #depth_text p { padding-right:10px; } #dept_content {margin-top:10px;} .sliderContainer { text-align: center; background-color: #bebebe; } .threeprods { clear: both; height: 112px; margin-bottom: 20px; width: 100%; } .threeprods li { float: left; list-style: outside none none; margin-right: 28px; width: 31%; height:255px; background:#F3F3F3; } .threeprods li:last-of-type { margin-right: 0; } .fourprods { height: 112px; margin-bottom: 20px; width: 100%; } .fourprods li { float: left; list-style: outside none none; margin-right: 21px; width: 23%; } .fourprods li:last-of-type { margin-right: 0; } .fiveprods { height: 112px; margin-bottom: 20px; width: 100%; } .fiveprods li { float: left; list-style: outside none none; margin-right: 15px; margin-top: 15px; height:150px; background:#F3F3F3; width:150px; } .fiveprods li:last-of-type { margin-right: 0; } .leftmaincat { float: left; width: 50%; } .leftmaincat img { float: left; margin-bottom: 20px; } .rightmaincat { float: right; width: 50%; } .rightmaincat img { float: right; margin-bottom: 20px; } .bottom3 { clear: both; width: 100%; } .bottom3 li { float: left; list-style: outside none none; margin-right: 2px; } .mCustomScrollbar { width:100%; margin-right:0px !important; clear:both;} .catlast { margin-right:0px !important; float:right !important; } .catlast2 { float:right !important; margin-right:0px !important; } .topheader { margin-bottom:21px; } .catcontent { padding-top:20px; padding-bottom:20px; height:200px; min-height:200px; } .catcontent h1 { color:#0c69ae; font-size:26px; font-weight:bold; } #catheading h1 { color:#0c69ae; font-size:26px; margin-top:3px; font-weight:bold; text-align:center; } #catheading p { width:90%; margin-left:auto; text-align:center; font-size:14px; margin-right:auto; margin-bottom:12px; } .sitelinks img { width:325px !important; } .sitelinks .link-two { margin-right: 25px; width:325px !important; } .sitelinks .link-three { float: left; margin-right: 23px; width:325px !important; } .sitelinks .link-four { width:325px !important; } .sidebar .block-layered-nav dd { border-bottom: 1px solid #dadadb !important; color: #666; margin: 0 0 13px; padding-bottom: 22px !important; } .linkcollections { clear: both; padding-top: 13px; width: 100%; height:305px; } .linkcollections h3 { clear: both; font-family: HelveticaCondensed,arial; font-size: 22px; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; width: 100%; padding-bottom: 20px; } .linkcollections li { list-style-type: none; font-weight:bold; margin-bottom:6px; } .linkcollections ul { float: left; text-align: center; width: 23%; border-left: 2px solid #F0F0F0; } .linkcollections ul:first-of-type { border:none !important; } .blue { color:#0063AA; } .threeprodssmall { clear: both; height: 112px; margin-bottom: 20px; width: 100%; } .threeprodssmall li { float: left; list-style: outside none none; margin-right: 28px; width: 31%; height:auto; background:#F3F3F3; } .threeprodssmall li:last-of-type { margin-right: 0; } #currencyBox { background-color: #cccccc; margin-left: -10px; position: absolute; top: 35px; width: 85px; z-index: 300 !important; } .newcatcontent { height: auto; padding-bottom: 20px; padding-top: 0px; } .newcatcontent h1 { color: #0c69ae; font-size: 26px; font-weight: bold; } .toplinks { margin-left: -44px; margin-top: 8px; position: absolute; right: 360px; width: auto !important; } body .toplinks li a{ color: #fff; } body .toplinks li:first-child{ margin-right: 24px; } body .toplinks li{ display: inline-block; border-radius: 6px; border: 0px solid #fff; padding: 10px; margin-left: 0px; margin-right: 15px; background-color :#4d5b62; } button.accordion::after { color: #777; content: url('https://www.startfitness.co.uk/skin/frontend/enterprise/2016/css/plus.jpg') !important; float: right; font-size: 13px; margin-left: 5px; } .block-related { margin-left: auto; margin-right: auto; margin-top: 20px; width: 1173px; } .brandpage span { font-size:16px; } .footer ul, .footer ul.links, .footer-left > div { display: block; float: left; margin: 0 10px 0 0; padding: 0; width: 125px; } .newssub, .tweet, .social { float: right; margin: 0 43px 0 0; position: relative; width: 249px; } .newssub form input.template_footer_newsletter_button { border: medium none; cursor: pointer; float: right; margin-left: -41px; position: relative; width: 28px !important; height: 26px !important; margin-top: 9px !important; } address.copyright { float: right; margin-top: 23px; text-align: right; width: 750px; clear: both; } .footer-left { float: left; width: 852px; } .newssub form input.email_signup_box { background: #545557 !important; border: 1px solid #2f3b41; color: #fff !important; float: left; font-family: Helvetica,Arial,sans-serif; font-size: 13px; font-weight: bold; margin: 0; outline: medium none; padding: 12px 0 12px 15px; width: 185px; } /* .product-view .product-img-box .product-image img { width: 455px !important; } */ .wt-rotator .thumbnails, .wt-rotator .buttons { display: inline; float: left; left: -46px !important; overflow: hidden; position: relative; width: 680px !important; } .wt-rotator .c-panel { position: absolute; top: 422px !important; visibility: hidden; z-index: 7; left:20px !important; } .blogleft { width:50%; float:left; } .blogleft img { float:left; } .blogright { width:49%; float:right; } .blogright img { float:right; } .blogheader p { text-align:center; font-size: 14px; line-height: 1.5em; padding-top:20px; padding-bottom:20px; } /* new landing page layout */ .runningtopitem { float:left; margin-right:12px; margin-bottom:20px; } .righthand { margin-right:0px; } .runningheader { width:auto; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:20px; } .main { background:#fff; } .main-container { background-position: left top, right top !important; background-size:510px !important; } .thumbnails .inside { z-index:200 !important; } .catalog-category-view .note-msg { /*display:none;*/ padding: 0 40px; } .products-grid .sticker_deal img { border: medium none !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 7px; top: 138px !important; z-index: 2; } .product-view .sticker_deal img { border: medium none !important; margin: 0 !important; padding: 0 !important; right: 24px !important; top: 379px !important; z-index: 10; } .suggestion{ margin-bottom: 5px; } .suggestiontitle{ font-weight: normal; margin-right: 5px; } .suggestionitem a{ color: #2f3b41!important; font-weight: bold; } .recommendations{ margin-bottom: 5px; } .recommendationtitle{ font-weight: normal; margin-right: 5px; } .recommendationitem a{ color: #2f3b41!important; font-weight: bold; } .padder { display:block !important; } .toggleme { display:none !important; } .homeslideit { overflow:hidden; } .cms-home .main { clear:both; } .cms-home .col1-layout, .cms-index-index .col1-layout { clear:both; } .home-products .item .title-prod2 h2{ height: 55px; } .category-products .products-grid img { margin-bottom: 7px; margin-left: 0px; padding: 10px !important; } .home-products img { margin-bottom: 7px; margin-left: 8px; padding: 10px !important; } .category-products .specialoffersticker img { position: absolute; right: -3px !important; top: 112px !important; z-index: 2; } .products-grid .sticker_deal img { position: absolute; right: -3px !important; top: 128px !important; z-index: 2; } .products-grid .sticker img { height: 60px; left: 11px; position: absolute; top: 17px; width: 60px; padding:0px !important; } .newstylesticker { position: absolute; font-size: 8pt; font-weight: bold; z-index:10; } .newstylesticker.newin{ bottom: 0; right: 0; background-color: #006fb7; color: #fff; } .newstylesticker.saveperc{ top: 11px; left: 11px; background-color: #e10101; color: #fff; } .product-img-box .newstylesticker.saveperc{ top: 0px; left: 0px; } .productimgandstick .newstylesticker.saveperc{ top: 11px; left: 7px; } .newstylesticker .innersticker{ padding: 1px 10px 0px; } .newstylesticker.saveperc .innersticker .stickerlabel{ color: #fff;font-size: 10pt;font-weight: bold; } .product-img-box .newstylesticker.saveperc .innersticker .stickerlabel{ color: #fff;font-size: 13pt;font-weight: bold; } /* Checkout buttons */ .checkout-types button { background-color: #73B95D !important; background-image:none !important; } .opc #contactForm .buttons-set a.button, .buttons-set button.button { background-color: #73B95D !important; } #discount-coupon-form .button { padding:7px 10px !important; } #discount-coupon-form .button span { height:auto; !important; } /* product view and product list css Ashleigh */ .alsoboughtnew-item-product-content .product-details .buynowbutton span { display: inline-block; padding: 5px 15px; /*background-color: #73B95D !important; background-image:none !important;*/ margin: 5px 0; } /*.products-grid button { background-image: none !important; background-color: #73B95D !important; }*/ .tabs a { background: none repeat scroll 0 0 #fec82f !important; color: #000 !important; } .view-yellow { padding-top:2px; } .sizetype select { height: 28px !important; } #product_tabs_product_additional_data_sizeguide2 { margin-top:23px; } .view-yellow > .qty { margin-top:5px !important; } .product-view .product-shop .add-to-cart { padding: 3px 0px 0px 0 !important; } /* account area css */ .customer-account-create input { background-image: none !important; width: 400px !important; height:17px; } .customer-account-create .form-list select { float: left; width: 408px; vertical-align: top; height: 25px; } .customer-account-create .form-list .control .input-box { position: absolute; left: 0; margin-left: 95px !important; line-height: 16px; padding-top: 0px; } .buttons-set button.button span { font-weight: normal !important; height: auto !important; } /* account area */ .customer-account-edit input { background-image: none !important; width: 400px !important; height:17px; } .customer-account-edit .form-list select { float: left; width: 408px; vertical-align: top; height: 25px; } .customer-account-edit .form-list .control .input-box { position: absolute; left: 0; margin-left: 95px !important; line-height: 16px; padding-top: 0px; } .opc #contactForm .buttons-set a.button, .buttons-set button.button { clear:both; } .customer-address-form input { background-image: none !important; width: 400px !important; height:17px; } .customer-address-form .form-list select { float: left; width: 408px; vertical-align: top; height: 25px; } .customer-address-form .form-list .control .input-box { position: absolute; left: 0; margin-left: 95px !important; line-height: 16px; padding-top: 0px; } .products-grid { margin-top: 8px; } /* remove pagination arrow */ .catalog-category-view .pages .next, .catalog-category-view .pages .prev { display: none !important; } .pager .pages { margin-top:6px; } /* gift cards account area */ .giftcardaccount .gcimage img { width:290px !important; } .column.foursale { float: left; width: 149px; } .fourspikes { float:right; } .fourimg { float:right; width:206px; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(https://www.startfitness.co.uk/skin/frontend/base/default/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("https://www.startfitness.co.uk/skin/frontend/base/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("https://www.startfitness.co.uk/skin/frontend/base/default/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ .pro{ z-index: 100!important; } .nav_search { z-index: 101 !important; } .mini-products-list .specialoffersticker img { bottom: 0; height: auto; left: auto; position: absolute; right: 8px; top: auto; width: 75px; z-index: 5; } .product-shop-home .specialoffersticker img { left: 112px; position: absolute; top: 278px; } .title{ height:60px; } .panel{ /*position:absolute; margin-left:-433px; left:50%; background-color:#FFF; width:827px; min-height:100%; padding:10px 20px; text-align:left; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000; -webkit-box-shadow: 0px 0px 3px #000; z margin: 0 auto 0 25px;*/ position:relative; z-index:0; padding: 0; margin-bottom:10px; width: 826px; height:430px; } .info-section{ width:825px; border:1px solid #333; margin-top:20px; position:relative; overflow:hidden; background:#222 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/images/bg.png) 0 0 repeat-y; z-index:0; } .form-panel{ position:relative; float:left; width:190px; padding:10px; font-size:12px; color:#000; background-color:#EEE; z-index:0; } .form-sec{ margin-bottom:10px; z-index:0; } .description{ position:relative; float:left; width:585px; padding:15px; color:#FFF; font-size:14px; z-index:0; } select{ width:190px; } label.disable{ color:#777; } .copyright{ width:100%; text-align:right; font-size:11px; margin:15px 0; } .bottomimageshome { width:100%; clear:both; margin-left:20px; } .bottomimageshomespace { width:100%; height:15px; float: left; } .bottomimageshome img { float:left; width:345px; z-index:0; } .bottomimageshome p { float: left; width: 355px; } .wt-rotator{ font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#000; position:relative; width:839px; height:434px; z-index:0; overflow:hidden; } .wt-rotator a{ outline:none; z-index:0; } .wt-rotator .screen{ position:relative; top:0; left:0; width:839px; height:434px; overflow:hidden; z-index:0; } .wt-rotator .strip{ display:block; position:absolute; top:0; left:0; z-index:0; overflow:hidden; } .wt-rotator .content-box{ display:none; position:absolute; top:0; left:0; overflow:hidden; z-index:0; } .wt-rotator .main-img{ display:none; position:absolute; top:0; left:0; z-index:0; border:0; height:435px; z-index:0; width:839px; } .wt-rotator .preloader{ position:absolute; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#000 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/loader.gif) center no-repeat; background:rgba(0,0,0,.7) url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/loader.gif) center no-repeat; z-index:4; z-index:0; display:none; } .wt-rotator .timer{ position:absolute; left:0; height:4px; background-color:#FFF; -moz-opacity:.5; filter:alpha(opacity=50); opacity:0.5; z-index:4; visibility:hidden; font-size:0; } .wt-rotator .desc{ position:absolute; color:#FFF; z-index:6; overflow:hidden; visibility:hidden; text-align:left; } .wt-rotator .inner-bg{ position:relative; top:0; left:0; width:100%; height:100%; background-color:#000; -moz-opacity:.7; filter:alpha(opacity=70); opacity:.7; z-index:0; } .wt-rotator .inner-text{ position:absolute; top:0; left:0; padding:10px; width:auto; height:auto; z-index:1; } .wt-rotator .inner-text h1 { color:#fff; } .wt-rotator .c-panel{ position:absolute; /* top:422px !important; */ left:15px; top: 430px !important; z-index:7; visibility:hidden; } .wt-rotator .outer-hp, .wt-rotator .outer-vp{ position:absolute; background:#333; background:-moz-linear-gradient(#444, #111); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#444), to(#111)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111',GradientType=0); border:1px solid #000; } .wt-rotator .outer-hp{ left:0; width:100%; border-left:none; border-right:none; } .wt-rotator .outer-vp{ top:0; height:100%; border-top:none; border-bottom:none; } .wt-rotator .back-scroll, .wt-rotator .fwd-scroll{ position:absolute; top:0; left:0; z-index:10; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/spacer.png) no-repeat; } .wt-rotator .thumbnails, .wt-rotator .buttons{ display:inline; position:relative; float:left; overflow:hidden; left: 0px !important; /* left: -15px; */ } .wt-rotator .thumbnails ul{ position:relative; list-style:none; margin:0; padding:0; } .wt-rotator .thumbnails ul.inside{ position:absolute; top:0; left:0; z-index:0; } .wt-rotator .thumbnails li, .wt-rotator .play-btn, .wt-rotator .prev-btn, .wt-rotator .next-btn{ position:relative; list-style:none; display:inline; float:left; overflow:hidden; width:24px; height:24px; line-height:24px; text-align:center; color:#EEE; text-shadow: 0 1px 0 #222; background-color:#000; background:-moz-linear-gradient(#333, #000); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); border:1px solid #111; cursor:pointer; font-size:12px; font-weight:bold; background-repeat:no-repeat !important; background-position:center !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .wt-rotator .thumbnails li:hover{ color:#FFF; text-shadow: 0 1px 0 #888; background-color:#6BBB45; background:-moz-linear-gradient(#6BBB45, #6BBB45); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#6BBB45), to(#6BBB45)); z-index:0; } .wt-rotator .thumbnails li.curr-thumb{ color:#000; text-shadow: 0 1px 0 #fff; background-color:#6BBB45; background:-moz-linear-gradient(#6BBB45, #6BBB45); background:-webkit-gradient(linear, 0 top, 0 bottom, from(#6BBB45), to(#6BBB45)); cursor:default; z-index:0; } .wt-rotator .thumbnails li.image{ /*background:#000; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; z-index:0; */ background: none repeat scroll 0 0 #FFA500; border-radius: 15px; border:medium none #000000; } .wt-rotator .thumbnails li.image.curr-thumb, .wt-rotator .thumbnails li.image:hover{ background-color:#ffd26f; z-index:0; } .wt-rotator .thumbnails li.image a{ display:block; border:0; z-index:0; } .wt-rotator .thumbnails li.image img{ display:block; border:0; position:absolute; -moz-opacity:.85; filter:alpha(opacity=85); opacity:0.85; z-index:0; } .wt-rotator .thumbnails li.image:hover img{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; z-index:0; } .wt-rotator .thumbnails li.image.curr-thumb img{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; cursor:default; z-index:0; } .wt-rotator .thumbnails li *{ display:none; z-index:0; } .wt-rotator .thumbnails li div{ position:relative; color:#FFF; background-color:#000; width:auto; height:auto; z-index:0; } .wt-rotator .play-btn{ background:#000 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/play.png); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/play.png), -moz-linear-gradient(#333, #000); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/play.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); } .wt-rotator .play-btn:hover{ background-color:#6BBB45 !important; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/play.png), -moz-linear-gradient(#6BBB45, #6BBB45); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/play.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#6BBB45), to(#6BBB45)); } .wt-rotator .pause{ background:#000 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/pause.png); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/pause.png), -moz-linear-gradient(#333, #000); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/pause.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); } .wt-rotator .pause:hover{ background-color:#6BBB45 !important; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/pause.png), -moz-linear-gradient(#6BBB45, #6BBB45); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/pause.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#6BBB45), to(#6BBB45)); } .wt-rotator .prev-btn{ background:#000 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/prev.png); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/prev.png), -moz-linear-gradient(#6BBB45, #000); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/prev.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); } .wt-rotator .prev-btn:hover{ background-color:#CCC !important; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/prev.png), -moz-linear-gradient(#CCC, #999); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/prev.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#CCC), to(#999)); } .wt-rotator .next-btn{ background:#000 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/next.png); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/next.png), -moz-linear-gradient(#333, #000); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/next.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); } .wt-rotator .next-btn:hover{ background-color:#CCC !important; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/next.png), -moz-linear-gradient(#CCC, #999); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/next.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#CCC), to(#999)); } .wt-rotator .up{ background:#000 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/up.png); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/up.png), -moz-linear-gradient(#333, #000); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/up.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); } .wt-rotator .up:hover{ background-color:#CCC !important; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/up.png), -moz-linear-gradient(#CCC, #999); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/up.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#CCC), to(#999)); } .wt-rotator .down{ background:#000 url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/down.png); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/down.png), -moz-linear-gradient(#333, #000); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/down.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000)); } .wt-rotator .down:hover{ background-color:#CCC !important; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/down.png), -moz-linear-gradient(#CCC, #999); background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/down.png), -webkit-gradient(linear, 0 top, 0 bottom, from(#CCC), to(#999)); } #rotator-tooltip{ position:absolute; top:0; left:0; z-index:99999; display:none; } #rotator-tooltip.txt-up{ margin-left:-10px; margin-bottom:5px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/vtip.png) no-repeat; background-position:10px bottom; background-position-x:10px; background-position-y:bottom; } #rotator-tooltip.txt-down{ margin-left:-10px; margin-top:24px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/vtip.png) no-repeat; background-position:10px top; background-position-x:10px; background-position-y:top; } #rotator-tooltip.img-up{ background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/vtip.png) center bottom no-repeat; } #rotator-tooltip.img-down{ background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/vtip.png) center top no-repeat; } #rotator-tooltip.img-right{ background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/htip.png) left center no-repeat; } #rotator-tooltip.img-left{ background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/htip.png) right center no-repeat; } #rotator-tooltip .tt-txt{ font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#FFF; background-color:#000; max-width:300px; padding:5px; -moz-border-radius:3px; z-index:0; -webkit-border-radius:3px; border-radius:3px; margin:8px 0; } #rotator-tooltip img{ display:none; background-color:#000; padding:3px; margin:8px; z-index:0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .wt-rotator .s-prev, .wt-rotator .s-next{ position:absolute; top:50%; margin-top:-25px; width:40px; height:50px; cursor:pointer; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/slide/assets/large_buttons.png) no-repeat; -moz-opacity:.8; filter:alpha(opacity=80); opacity:.8; z-index:8; } .wt-rotator .s-prev{ left:0; background-position:0 center; } .wt-rotator .s-next{ left:100%; margin-left:-40px; background-position:-40px center; } .wt-rotator .s-prev:hover, .wt-rotator .s-next:hover{ -moz-opacity:.95; filter:alpha(opacity=95); opacity:.95; background-color:transparent !important; } .wt-rotator .block, .wt-rotator .vpiece, .wt-rotator .hpiece{ position:absolute; z-index:2; } @font-face { font-family: liberationsans-bold; src: url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-bold-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ } @font-face { font-family: liberationsans-regular; src: url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-regular-webfont.eot'); /* IE9 Compat Modes */ src: url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('//www.startfitness.co.uk/skin/frontend/enterprise/2016/fonts/liberationsans-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ } #contact_content a {color:#014880; text-decoration:underline;} #faq-box-2016 li {height: 26px; padding:5px 0; background-image:url("https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/contactitems.png"); background-repeat:no-repeat;} #faq-box-2016 a { color: #004780; padding-left: 40px; font-family: "liberationsans-bold",arial !important; font-size: 14px; line-height: 12px; } #contact_content .page-title {display:none;} #contact_content > div > h2 { color: rgb(0, 0, 0); margin: 20px 0px 2px; font-size: 18px; } #contact_content > div > h2 > strong { font-family: "liberationsans-regular",arial !important; font-weight:normal; } #faq-box-2016 li:first-of-type { background-position:0 0px; } #faq-box-2016 li:nth-child(2) { background-position:0 -40px; } #faq-box-2016 li:nth-child(3) { background-position:0 -79px; } #faq-box-2016 li:nth-child(4) { background-position:0 -118px; } #faq-box-2016 li:nth-child(5) { background-position:0 -159px; } #contactForm{width:100% !important;background-color:#fff;} .required{color: #000;} .basic-grey {padding-left: 0px !important; padding-right:0px !important;} .basic-grey .group-select {padding: 0px 50px;} .basic-grey label > span {font-family:Arial, Helvetica, sans-serif !important; font-weight:bold;} .basic-grey h1 {font-family:"liberationsans-regular",arial !important; font:20px "liberationsans-regular",arial !important} .basic-grey h1 { padding: 0px 0px 20px 0px !important; margin : 0px !important; margin-bottom: 20px !important; } #nav2 .level0 .level-top span::after { /*font-family: FontAwesome !important; content: "\f107" !important;*/ } #contactForm {border:none !important;} .basic-grey label > span {text-align:left !important;} .basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {font-family:Arial, Helvetica, sans-serif !important;background-color:#f4f4f4} #contactForm .buttons-set a.button, .buttons-set button.button { background-color: #313e44; border-radius: 5px; color: #FFFFFF; float: none; text-align: center; padding: 10px 20px !important;width: auto;height: auto !important;} .buttons-set button.button span {font-family: "HelveticaCondensed","liberationsans-bold",Hevetica,arial,sans-serif !important;} .col-main-content .std p {font-size:14px;} .col-main-content hr { border-top: 1px solid #d7d7d7 !important; } #start-values span {font-weight:bold;} #start-values p { color:#6a6a6a; font-family: "HelveticaNeue","liberationsans-regular",Hevetica,arial,sans-serif !important; } #start-values h2 { font-family: "HelveticaCondensed","liberationsans-bold",Hevetica,arial,sans-serif !important; margin:15px 0; } #our-stores .left {float:left;width:300px;} #our-stores .right {float:right;width:300px;} #our-stores .right h4 {margin-bottom:5px;} #our-stores h2 {font-family: "HelveticaCondensed","liberationsans-bold",Hevetica,arial,sans-serif !important; margin:20px 0; font-size:24px;} #our-stores h3.about_title {float: left; clear: right; width: 100%; margin-bottom: 10px; padding-bottom: 10px; margin-top: 20px; font-size: 20px;border-bottom:1px solid #d3d3d3} #our-stores ul {list-style:none;} #our-stores .store_address { font-family: "HelveticaCondensed","liberationsans-bold",Hevetica,arial,sans-serif !important; font-size: 12px; } .cart h1, .cart .cart-collaterals .check-4 h2,#shopping-cart-table button span {color:#313e44 !important} #aitcheckout-place-order >img, #aitcheckout-place-order2 >img {display:none !important; background-color:#fdbc2d !important; height:auto !important} #aitcheckout-place-order,#aitcheckout-place-order2 {float:none !important; width:260px; height:55px !important} .opc .step-title .number {display:none;} .opc .active .step-title h2 {color:#313e44 !important} #co-checkout-form .buttons-set {height: auto !important;} #aitcheckout-place-order span, #aitcheckout-place-order2 span {margin-top:0px !important;} #aitcheckout-place-order span span, #aitcheckout-place-order2 span span { font-size: 18px !important; font-family: liberationsans-regular !important; letter-spacing: 0.8px; } .page-title h1 { font-family: Arial,sans-serif !important; } .specialoffersticker { } .view-yforx { background-color: #ededed !important; margin-right: 5px margin-top: 10px; padding: 10px; width: 700px; } .footer-container { padding-top:10px; padding-bottom:10px; padding-left:0px !important; padding-right:0px !important; } .pager .pages { color: #333; left: 135px !important; position: relative; text-align: left; top: -22px; width: 360px !important; } .positionme { font-size:26px !important; font-weight:bold; color:#fdbc2d !important; text-decoration:none; border:none !important; } .suggestion{ margin-bottom: 5px; } .suggestiontitle{ font-weight: normal; margin-right: 5px; } .suggestionitem a{ color: #2f3b41!important; font-weight: bold; } .recommendations{ margin-bottom: 5px; } .recommendationtitle{ font-weight: normal; margin-right: 5px; } .recommendationitem a{ color: #2f3b41!important; font-weight: bold; } .flag { width: 16px; height: 11px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/flags.png) no-repeat } .flag.flag-ad {background-position: -16px 0} .flag.flag-ae {background-position: -32px 0} .flag.flag-af {background-position: -48px 0} .flag.flag-ag {background-position: -64px 0} .flag.flag-ai {background-position: -80px 0} .flag.flag-al {background-position: -96px 0} .flag.flag-am {background-position: -112px 0} .flag.flag-an {background-position: -128px 0} .flag.flag-ao {background-position: -144px 0} .flag.flag-ar {background-position: -160px 0} .flag.flag-as {background-position: -176px 0} .flag.flag-at {background-position: -192px 0} .flag.flag-au {background-position: -208px 0} .flag.flag-aw {background-position: -224px 0} .flag.flag-az {background-position: -240px 0} .flag.flag-ba {background-position: 0 -11px} .flag.flag-bb {background-position: -16px -11px} .flag.flag-bd {background-position: -32px -11px} .flag.flag-be {background-position: -48px -11px} .flag.flag-bf {background-position: -64px -11px} .flag.flag-bg {background-position: -80px -11px} .flag.flag-bh {background-position: -96px -11px} .flag.flag-bi {background-position: -112px -11px} .flag.flag-bj {background-position: -128px -11px} .flag.flag-bm {background-position: -144px -11px} .flag.flag-bn {background-position: -160px -11px} .flag.flag-bo {background-position: -176px -11px} .flag.flag-br {background-position: -192px -11px} .flag.flag-bs {background-position: -208px -11px} .flag.flag-bt {background-position: -224px -11px} .flag.flag-bv {background-position: -240px -11px} .flag.flag-bw {background-position: 0 -22px} .flag.flag-by {background-position: -16px -22px} .flag.flag-bz {background-position: -32px -22px} .flag.flag-ca {background-position: -48px -22px} .flag.flag-catalonia {background-position: -64px -22px} .flag.flag-cd {background-position: -80px -22px} .flag.flag-cf {background-position: -96px -22px} .flag.flag-cg {background-position: -112px -22px} .flag.flag-ch {background-position: -128px -22px} .flag.flag-ci {background-position: -144px -22px} .flag.flag-ck {background-position: -160px -22px} .flag.flag-cl {background-position: -176px -22px} .flag.flag-cm {background-position: -192px -22px} .flag.flag-cn {background-position: -208px -22px} .flag.flag-co {background-position: -224px -22px} .flag.flag-cr {background-position: -240px -22px} .flag.flag-cu {background-position: 0 -33px} .flag.flag-cv {background-position: -16px -33px} .flag.flag-cw {background-position: -32px -33px} .flag.flag-cy {background-position: -48px -33px} .flag.flag-cz {background-position: -64px -33px} .flag.flag-de {background-position: -80px -33px} .flag.flag-dj {background-position: -96px -33px} .flag.flag-dk {background-position: -112px -33px} .flag.flag-dm {background-position: -128px -33px} .flag.flag-do {background-position: -144px -33px} .flag.flag-dz {background-position: -160px -33px} .flag.flag-ec {background-position: -176px -33px} .flag.flag-ee {background-position: -192px -33px} .flag.flag-eg {background-position: -208px -33px} .flag.flag-eh {background-position: -224px -33px} .flag.flag-england {background-position: -240px -33px} .flag.flag-er {background-position: 0 -44px} .flag.flag-es {background-position: -16px -44px} .flag.flag-et {background-position: -32px -44px} .flag.flag-eu {background-position: -48px -44px} .flag.flag-fi {background-position: -64px -44px} .flag.flag-fj {background-position: -80px -44px} .flag.flag-fk {background-position: -96px -44px} .flag.flag-fm {background-position: -112px -44px} .flag.flag-fo {background-position: -128px -44px} .flag.flag-fr {background-position: -144px -44px} .flag.flag-ga {background-position: -160px -44px} .flag.flag-gb {background-position: -176px -44px} .flag.flag-gd {background-position: -192px -44px} .flag.flag-ge {background-position: -208px -44px} .flag.flag-gf {background-position: -224px -44px} .flag.flag-gg {background-position: -240px -44px} .flag.flag-gh {background-position: 0 -55px} .flag.flag-gi {background-position: -16px -55px} .flag.flag-gl {background-position: -32px -55px} .flag.flag-gm {background-position: -48px -55px} .flag.flag-gn {background-position: -64px -55px} .flag.flag-gp {background-position: -80px -55px} .flag.flag-gq {background-position: -96px -55px} .flag.flag-gr {background-position: -112px -55px} .flag.flag-gs {background-position: -128px -55px} .flag.flag-gt {background-position: -144px -55px} .flag.flag-gu {background-position: -160px -55px} .flag.flag-gw {background-position: -176px -55px} .flag.flag-gy {background-position: -192px -55px} .flag.flag-hk {background-position: -208px -55px} .flag.flag-hm {background-position: -224px -55px} .flag.flag-hn {background-position: -240px -55px} .flag.flag-hr {background-position: 0 -66px} .flag.flag-ht {background-position: -16px -66px} .flag.flag-hu {background-position: -32px -66px} .flag.flag-ic {background-position: -48px -66px} .flag.flag-id {background-position: -64px -66px} .flag.flag-ie {background-position: -80px -66px} .flag.flag-il {background-position: -96px -66px} .flag.flag-im {background-position: -112px -66px} .flag.flag-in {background-position: -128px -66px} .flag.flag-io {background-position: -144px -66px} .flag.flag-iq {background-position: -160px -66px} .flag.flag-ir {background-position: -176px -66px} .flag.flag-is {background-position: -192px -66px} .flag.flag-it {background-position: -208px -66px} .flag.flag-je {background-position: -224px -66px} .flag.flag-jm {background-position: -240px -66px} .flag.flag-jo {background-position: 0 -77px} .flag.flag-jp {background-position: -16px -77px} .flag.flag-ke {background-position: -32px -77px} .flag.flag-kg {background-position: -48px -77px} .flag.flag-kh {background-position: -64px -77px} .flag.flag-ki {background-position: -80px -77px} .flag.flag-km {background-position: -96px -77px} .flag.flag-kn {background-position: -112px -77px} .flag.flag-kp {background-position: -128px -77px} .flag.flag-kr {background-position: -144px -77px} .flag.flag-kurdistan {background-position: -160px -77px} .flag.flag-kw {background-position: -176px -77px} .flag.flag-ky {background-position: -192px -77px} .flag.flag-kz {background-position: -208px -77px} .flag.flag-la {background-position: -224px -77px} .flag.flag-lb {background-position: -240px -77px} .flag.flag-lc {background-position: 0 -88px} .flag.flag-li {background-position: -16px -88px} .flag.flag-lk {background-position: -32px -88px} .flag.flag-lr {background-position: -48px -88px} .flag.flag-ls {background-position: -64px -88px} .flag.flag-lt {background-position: -80px -88px} .flag.flag-lu {background-position: -96px -88px} .flag.flag-lv {background-position: -112px -88px} .flag.flag-ly {background-position: -128px -88px} .flag.flag-ma {background-position: -144px -88px} .flag.flag-mc {background-position: -160px -88px} .flag.flag-md {background-position: -176px -88px} .flag.flag-me {background-position: -192px -88px} .flag.flag-mg {background-position: -208px -88px} .flag.flag-mh {background-position: -224px -88px} .flag.flag-mk {background-position: -240px -88px} .flag.flag-ml {background-position: 0 -99px} .flag.flag-mm {background-position: -16px -99px} .flag.flag-mn {background-position: -32px -99px} .flag.flag-mo {background-position: -48px -99px} .flag.flag-mp {background-position: -64px -99px} .flag.flag-mq {background-position: -80px -99px} .flag.flag-mr {background-position: -96px -99px} .flag.flag-ms {background-position: -112px -99px} .flag.flag-mt {background-position: -128px -99px} .flag.flag-mu {background-position: -144px -99px} .flag.flag-mv {background-position: -160px -99px} .flag.flag-mw {background-position: -176px -99px} .flag.flag-mx {background-position: -192px -99px} .flag.flag-my {background-position: -208px -99px} .flag.flag-mz {background-position: -224px -99px} .flag.flag-na {background-position: -240px -99px} .flag.flag-nc {background-position: 0 -110px} .flag.flag-ne {background-position: -16px -110px} .flag.flag-nf {background-position: -32px -110px} .flag.flag-ng {background-position: -48px -110px} .flag.flag-ni {background-position: -64px -110px} .flag.flag-nl {background-position: -80px -110px} .flag.flag-no {background-position: -96px -110px} .flag.flag-np {background-position: -112px -110px} .flag.flag-nr {background-position: -128px -110px} .flag.flag-nu {background-position: -144px -110px} .flag.flag-nz {background-position: -160px -110px} .flag.flag-om {background-position: -176px -110px} .flag.flag-pa {background-position: -192px -110px} .flag.flag-pe {background-position: -208px -110px} .flag.flag-pf {background-position: -224px -110px} .flag.flag-pg {background-position: -240px -110px} .flag.flag-ph {background-position: 0 -121px} .flag.flag-pk {background-position: -16px -121px} .flag.flag-pl {background-position: -32px -121px} .flag.flag-pm {background-position: -48px -121px} .flag.flag-pn {background-position: -64px -121px} .flag.flag-pr {background-position: -80px -121px} .flag.flag-ps {background-position: -96px -121px} .flag.flag-pt {background-position: -112px -121px} .flag.flag-pw {background-position: -128px -121px} .flag.flag-py {background-position: -144px -121px} .flag.flag-qa {background-position: -160px -121px} .flag.flag-re {background-position: -176px -121px} .flag.flag-ro {background-position: -192px -121px} .flag.flag-rs {background-position: -208px -121px} .flag.flag-ru {background-position: -224px -121px} .flag.flag-rw {background-position: -240px -121px} .flag.flag-sa {background-position: 0 -132px} .flag.flag-sb {background-position: -16px -132px} .flag.flag-sc {background-position: -32px -132px} .flag.flag-scotland {background-position: -48px -132px} .flag.flag-sd {background-position: -64px -132px} .flag.flag-se {background-position: -80px -132px} .flag.flag-sg {background-position: -96px -132px} .flag.flag-sh {background-position: -112px -132px} .flag.flag-si {background-position: -128px -132px} .flag.flag-sk {background-position: -144px -132px} .flag.flag-sl {background-position: -160px -132px} .flag.flag-sm {background-position: -176px -132px} .flag.flag-sn {background-position: -192px -132px} .flag.flag-so {background-position: -208px -132px} .flag.flag-somaliland {background-position: -224px -132px} .flag.flag-sr {background-position: -240px -132px} .flag.flag-ss {background-position: 0 -143px} .flag.flag-st {background-position: -16px -143px} .flag.flag-sv {background-position: -32px -143px} .flag.flag-sx {background-position: -48px -143px} .flag.flag-sy {background-position: -64px -143px} .flag.flag-sz {background-position: -80px -143px} .flag.flag-tc {background-position: -96px -143px} .flag.flag-td {background-position: -112px -143px} .flag.flag-tf {background-position: -128px -143px} .flag.flag-tg {background-position: -144px -143px} .flag.flag-th {background-position: -160px -143px} .flag.flag-tj {background-position: -176px -143px} .flag.flag-tk {background-position: -192px -143px} .flag.flag-tl {background-position: -208px -143px} .flag.flag-tm {background-position: -224px -143px} .flag.flag-tn {background-position: -240px -143px} .flag.flag-to {background-position: 0 -154px} .flag.flag-tr {background-position: -16px -154px} .flag.flag-tt {background-position: -32px -154px} .flag.flag-tv {background-position: -48px -154px} .flag.flag-tw {background-position: -64px -154px} .flag.flag-tz {background-position: -80px -154px} .flag.flag-ua {background-position: -96px -154px} .flag.flag-ug {background-position: -112px -154px} .flag.flag-um {background-position: -128px -154px} .flag.flag-us {background-position: -144px -154px} .flag.flag-uy {background-position: -160px -154px} .flag.flag-uz {background-position: -176px -154px} .flag.flag-va {background-position: -192px -154px} .flag.flag-vc {background-position: -208px -154px} .flag.flag-ve {background-position: -224px -154px} .flag.flag-vg {background-position: -240px -154px} .flag.flag-vi {background-position: 0 -165px} .flag.flag-vn {background-position: -16px -165px} .flag.flag-vu {background-position: -32px -165px} .flag.flag-wales {background-position: -48px -165px} .flag.flag-wf {background-position: -64px -165px} .flag.flag-ws {background-position: -80px -165px} .flag.flag-ye {background-position: -96px -165px} .flag.flag-yt {background-position: -112px -165px} .flag.flag-za {background-position: -128px -165px} .flag.flag-zanzibar {background-position: -144px -165px} .flag.flag-zm {background-position: -160px -165px} .flag.flag-zw {background-position: -176px -165px} /** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { margin:10px 0; } .widget .widget-title h2 { font-size:18px; color:#d12c01; } .widget .widget-products { margin:0 -20px 0; } .cms-home .col1-layout .widget .widget-products, .cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; } .col-main > .widget { display:block; margin:40px 0 0; } .col-main > .widget + .widget { margin-top:20px; } /* std class reset */ .widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; } .widget .products-grid p, .widget .products-list p { margin-bottom:0; } .widget .products-list { list-style:none; margin-bottom:0; padding-left:0; } .widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; } /* Widget Banner */ .widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; } .widget-banner li { margin:7px 0; } .top-container .widget-banner li { margin:0; } .footer-before-container .widget-banner li { margin:0; } .widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; } .widget-banner-inline ul, .widget-banner-inline li { display:inline; } .widget-banner-inline li { margin:0 3px; } .widget-banner-inline li img { vertical-align:middle; } /* Widget New Proructs */ .widget-new-products { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; } /* Widget Viewed Proructs */ .widget-viewed { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; } /* Widget Compared Proructs */ .widget-compared { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; } /* Widget CMS Static Block */ .widget-static-block {} /* Widget Catalog Events Carousel */ .widget-events { display:block !important; } /* Widgets Links Common Styles */ /* Style 1 */ /*.top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/ /* Style 2 */ .top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } .footer-before-container .widget-product-link, .footer-before-container .widget-category-link, .footer-before-container .widget-cms-link, .footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .footer-before-container .widget-product-link a, .footer-before-container .widget-category-link a, .footer-before-container .widget-cms-link a, .footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; } .footer-before-container .widget-product-link a:hover, .footer-before-container .widget-category-link a:hover, .footer-before-container .widget-cms-link a:hover, .footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } /* Widget Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-product-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ } .sidebar .widget-product-link a { font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-product-link a:hover { color:#333; text-decoration:none; } /* Widget Category Link */ .widget-category-link-inline { display:inline; } .top-container .widget-category-link { border-bottom:0; } .top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-links2.gif); background-color:#f9d2c1; } .top-container .widget-category-link a:hover { color:#fff; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-category-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ } .sidebar .widget-category-link a { font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-category-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-link a { font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Hierarchy Link */ .widget-cms-hierarchy-link-inline { display:inline; } .col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/2016/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } /* Widget SKU */ /* .widget-sku {} */ /* ======================================================================================= */ .pedalmessage{ position: absolute; top: 280px; left: 50%; width: 420px; margin-left: -210px; border: 0px solid #313e44; border-radius: 5px; background-color: transparent; padding: 0; z-index: 1000; } /*.pedalmessage a{ color: #313e44; font-weight: bold; } .pedalmessage .illustration{ float: right; padding: 0 65px; width: 83px; }*/ .homeslideit {width: 100% !important; height: 480px !important; position: relative; margin: auto !important; max-width: 1964px;} .jssora051 { background:rgba(0,0,0,0.6); } #jssor_outer { position: absolute; } /* jssor slider loading skin double-tail-spin css */ .jssorl-004-double-tail-spin img { animation-name: jssorl-004-double-tail-spin; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes jssorl-004-double-tail-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .jssorb051 .i {position:absolute;cursor:pointer;} .jssorb051 .i .b {fill:#000;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;} .jssorb051 .i:hover .b {fill-opacity:.7; fill:#fec82f} .jssorb051 .iav .b {fill-opacity: 1;fill:#fec82f} .jssorb051 .i.idn {opacity:.3;} .jssora051 {display:block;position:absolute;cursor:pointer;} .jssora051 .a {fill:none;stroke:#000;stroke-width:360;stroke-miterlimit:10;} .jssora051:hover {opacity:.8;} .jssora051.jssora051dn {opacity:.5;} .jssora051.jssora051ds {opacity:.3;pointer-events:none;} .sticker_deal.freedel.gridpage, .sticker_deal.freedel.viewpage{ display: none; } .home-products .sticker_deal.freedel.gridpage, .products-grid .sticker_deal.freedel.gridpage{ display: block; } .product-img-box .sticker_deal.freedel.viewpage{ margin-top: -58px; display: block; } .product-img-box .sticker_deal.freedel img { pointer-events: none; border: medium none !important; margin: 0 !important; padding: 0 !important; position: absolute; right: 0!important; top: 0!important; z-index: 11; left: 1px; max-width: 95%; } .home-products .sticker_deal.freedel img { pointer-events: none; width: 245px; top: 0 !important; position: absolute; left: 11px; } .products-grid .sticker_deal.freedel img{ pointer-events: none; width: 214px; top: 17px !important; position: absolute; left: 0; opacity: 1; } .product-img-box .sticker_deal.freedel.viewpage img{ display: block; position: relative; top: 0!important; left: 1px !important; width: 470px !important; } .product-img-box .sticker.freebag img { width: 120px; height: 120px; left: 0px; top: 0px; } .products-grid .sticker.freebag img{ left: 7px; top: 11px; } .products-grid .sticker.freebag img{ left: 7px; top: 11px; } .home-products .productimgandstick img { padding: 0px!important; } .newssub form input.template_footer_newsletter_button { border: medium none; cursor: pointer; float: right; margin-left: -41px; position: relative; width: 28px !important; height: 26px !important; margin-top: 9px !important; } address.copyright { float: right; margin-top: 23px; text-align: right; width: 750px; clear: both; } .footer-left { float: left; width: 852px; } .newssub form input.email_signup_box { background: #545557 !important; border: 1px solid #2f3b41; color: #fff !important; float: left; font-family: Helvetica,Arial,sans-serif; font-size: 13px; font-weight: bold; margin: 0; outline: medium none; padding: 12px 0 12px 15px; width: 185px; } #aw-afptc-overlay { display:block; opacity:0.6; z-index:2000; } #subscribe_container { background-color: #fff; top:121px; bottom: 0; display: none; height:480px; left: 35%; margin: 20px; position: fixed; width: 502px; z-index: 2147483647; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); } #subscribe_close { cursor: pointer; display: inline-block; position: absolute; right: 13px; top: 1px; z-index: 2000; } #subscribe_content { clear:both; } #subcribe_logo { float: none !important; text-align: center; position: relative; top: -10px; background-color: #313e44; padding: 15px; } #subcribe_logo a { position:relative; top:-10px; } #subscribe_container > div { margin:10px 0; } #subscribe_form { position: relative; top: 7px; } #subscribe_newsletter { background: #f2f2f2 none repeat scroll 0 0; border: medium none; float: left; font-family: helvetica; font-size: 16px; height: 45px; letter-spacing: 1px; margin-left: 97px; margin-top: 29px; padding: 5px; width: 302px; } #sub_text { font-size:26px; text-transform:uppercase; color:#313e44; text-align:center; font-weight:bold; font-family: helvetica; } #sub_detials { color: #313e44; font-size: 15px; font-weight: bold; margin-left: auto; margin-right: auto; margin-top: 29px; text-align: center; text-transform: uppercase; width: 86%; font-family: helvetica; } #sub_sub { background: #fec82f none repeat scroll 0 0; border:none; clear: both; color: #e4e4e4; height: 45px; margin-left: 170px; margin-right: auto; margin-top: 29px; text-transform: uppercase; width: 155px; text-align:center; font-family: helvetica; font-size:22px; } #sub_text_button { color:#fff; text-transform:uppercase !important; font-size:20px !important; font-family: helvetica; } #disclaimer { text-align:center; padding-top:10px; } #logopop { width:80px; } @media (max-width: 500px) { #subscribe_container { width: 80%; background-color: #fff; bottom: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); height: 457px; left: 8%; position: fixed; top: 0; z-index: 2147483647; margin:0px !important; } #subscribe_newsletter { background: #f2f2f2 none repeat scroll 0 0; border: medium none; float: left; font-family: helvetica; font-size: 16px; height: 45px; letter-spacing: 1px; margin-left: 97px; margin-top: 29px; padding: 5px; width: 90%; margin-left: 5%; } #sub_sub { background: #04c1f2 none repeat scroll 0 0; border: medium none; clear: both; color: #e4e4e4; font-family: helvetica; font-size: 22px; height: 45px; margin-left: 20%; margin-right: auto !important; text-align: center; text-transform: uppercase; width: 59%; margin-top: 34px; } #sub_text { font-size:19px; } #sub_detials { font-size:12px; } } #nav2 .level-top.christmas{ background-color: #fc2525; } #nav2 .level-top.christmas{ background-color: #fc2525; } #nav2 .level-top.christmas:hover > a{ background-color: #fc2525; } .christmas.level-top:hover > div{ border-top: 8px solid #fc2525; } body .ui-autocomplete { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; padding: 4px 0; margin: 0 0 10px 25px; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 1px; *border-bottom-width: 1px; max-height: 200px; overflow:auto; } body .ui-menu-item > a.ui-corner-all { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 13px; color: #555555; white-space: nowrap; text-decoration: none; font: 12px 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important; } body .ui-state-hover, .ui-state-active { color: #ffffff; text-decoration: none; background-color: #0088cc; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-image: none; } #aw-afptc-popup { position: fixed; border: 1px #999999 solid; text-align: center !important; padding: 10px; background-color: #ffffff; z-index: 9999; color: black; overflow: auto; min-height:200px; min-width: 450px; width: auto; height: auto; } #aw-afptc-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); z-index: 100; } .aw-afptc-promo-message { font-size:16px; } #aw-afptc-popup .product-name { font-size:16px; } div#aw-afptc-popup div.block-content ul.free-products-list{ max-height:300px; overflow-y:auto; overflow-x:hidden; } div#aw-afptc-popup div.block-content ul.product-details li{ float:left; } div#aw-afptc-popup div.block-content ul.product-details li div.product-details{ padding:10px; } div#aw-afptc-popup div.block-content ul.product-details li div.product-details div.price-box{ float:left; text-align:left; } div#aw-afptc-popup div.block-content ul.product-details li:first-child { width:80px; } div#aw-afptc-popup div.block-content ul.product-details li input{ float:left; } div#aw-afptc-popup div.block-content ul.product-details div.validation-advice{ width:60px; text-align:left; } div#aw-afptc-popup li.item:last-child { clear:both; } div#aw-afptc-popup div.block-content ul.product-details li div.product-image{ margin-bottom:5px; } div.amshopby-column { float: left; width: 105px; overflow: hidden; } select.amshopby-select { width:170px; } .amshopby-logo{ padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link{ float:left; padding-left:5px; padding-top:5px; } .amshopby-clearer { display:block; clear:both; overflow: hidden; } div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;} div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before {border-style: none !important;} div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;} div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666} div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;} div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;} div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;} div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold; color:black; text-decoration: none; cursor:text;} div.block-layered-nav li.amshopby-cat-multi a { padding-left:15px; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav li.amshopby-cat-multiselected a { font-weight: bold; background-image:url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center; } div.block-layered-nav dd li span.amshopby-plusminus {float:left; display:block; width:15px; height:15px; cursor:pointer; background:transparent url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-plus.gif) no-repeat;} div.block-layered-nav dd li span.minus {background:transparent url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-minus.gif) no-repeat;} div.block-layered-nav dd li:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } div.block-layered-nav.amshopby-collapse-enabled dl dt { cursor:pointer; padding-left:15px; background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav.amshopby-collapse-enabled dl dt::after { border-style: none !important; } div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-collapsed.gif) center left no-repeat;} .main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-expanded.gif) center left no-repeat;} div.block-layered-nav div.amshopby-slider { position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px; background: url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer; } div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;} /* * Slider labels */ .amshopby-slider-price { color: #798794; } .amshopby-slider-price-from { float: left; } .amshopby-slider-price-to { float: right; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding:2px 5px; background:#FEC; border:1px solid #FAA819; color:#1F5070; text-align:left; width:200px; position:absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; } .amshopby-tooltip-img { cursor:help; display: inline; } div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; /*filter: alpha(opacity = 50);*/ position: absolute; top: 0; width: 100%; z-index: 555; } div.amshopby-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 300px; height: 200px; background: url('https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-overlay.gif') 50% 50% no-repeat; } /* * Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced li.level1 { padding-left: 20px; } .amshopby-advanced li.level2 { padding-left: 30px; } .amshopby-advanced li.level3 { padding-left: 40px; } .amshopby-advanced li.level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } /* * Slider Bar */ .amshopby-slider-bar { position:absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* * Subcategories block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background-image: url('https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; } .btn-remove-inline:hover { /* background-position: center bottom; */ } .amshopby-hightlighted { background: yellow;} .btn-remove-inline img {display: inline;} div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; } .amshopby-slider-ui { background: url(https://www.startfitness.co.uk/skin/frontend/enterprise/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; } .amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; } .amshopby-slider-ui .ui-slider-range { background-color: #999999; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { cursor: pointer; position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; } .ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .amshopby-narrow-by-list table td { vertical-align: top; } input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{ width: auto; } .amshopby-item-top{ max-width: 225px; min-width: 180px; display: inline-block; vertical-align: top; height: 100%; } .amshopby-filters-top .block-content ol{ max-width: 250px; } .amshopby-item-top div.amshopby-column { width: auto; } .no-display-current, .no-display{ display: none; } .current .no-display-current, dd.current td.no-display{ display: block; } @media only screen and (max-width: 770px) { dl#narrow-by-list, dl#narrow-by-list2 { padding: 0px; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .catalogvideo-list { *zoom: 1; position: relative; } .catalogvideo-list:before, .catalogvideo-list:after { display: table; content: ""; line-height: 0; } .catalogvideo-list:after { clear: both; } .catalogvideo-list .left-side { width: 480px; float: left; } .catalogvideo-list .left-side .description { margin: 3px 0 0; font-size: 11px; } .catalogvideo-list .right-side { position: relative; float: left; } .catalogvideo-list .right-side .item { margin-top: 5%; margin-right: 10px; cursor: pointer; position: relative; float: left; } .catalogvideo-list .right-side .item:hover::after, .catalogvideo-list .right-side .item.active::after { content: ''; width: 124px; height: 68px; border: 4px solid #efefef; position: absolute; top: 0px; right: 0px; } .catalogvideo-list .right-side .item.active { cursor: default; } .mst-video-responsive-container { position: relative; padding-bottom: 56.25%; overflow: hidden; } .mst-video-responsive-container, .responsive-container iframe { max-width: 1280px; max-height: 720px; } .mst-video-responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .UI-DESCRIPTION { padding-top: 10px; float: left; } .catalog-credit-message, .cart-credit-message { width: 100%; background-color: #39c; color: white; clear: both; padding: 0.5em; } .calculator-container { width: 515px; background-color: white; color: #39c; padding: 0.5em; border: 1px solid #39c; } .cart-credit-message, .calculator-container { margin-bottom: 0.5em; } .cart-forms .calculator-container { margin-bottom: 20px; } .calculator-header { font-size: 1.1em; font-weight: bold; padding: 0 0.5em 0.5em 0.5em; } .calculator-buttons { box-sizing: border-box; background-color: #eee; display: inline-flex; padding: 0.5em 0.5em 0 0.5em; width: 100%; clear: both; } .calculator-button { float: left; cursor: pointer; border: 1px solid grey; background-color: grey; color: white; padding: 0 0.5em; margin: 0 0.5em; text-align: center; } .calculator-button-active { background-color: white; color: #39c; } #calculator-message { padding: 0.5em; background-color: #eee; clear: both; } #paypal-credituk-summary { margin-top: 1em; padding: 1em; background-color: #eee; } #paypal-credituk-summary h3 { color: #39c; } #paypal-credituk-summary td { padding-right: 1em; } .paypal-credituk-logo { float: left; margin-right: 0.5em; } .calculator-checkout { clear: both; margin-top: 0.5em; } .paypal-credituk-payment-logo { margin-right: 10px; } .paypal-credituk-payment-label { line-height: 44px; } .sp-methods .paypal-credituk-payment-label a { margin-top: 0; } .paypal-credituk-success { max-width: 25em; text-align: left; margin: 1em auto !important; } @media (max-width: 366px) { .calculator-button { font-size: 0.8em; } } .search-autocomplete ul.wyomind-elasticsearch li.title, .search-autocomplete ul.wyomind-elasticsearch li.title a { padding: 6px; background-color: #f4f4f4; color: #636363; text-transform: uppercase; } .search-autocomplete ul.wyomind-elasticsearch { background-color: #fff; border: 1px solid #d5e4eb; border-bottom: 0; } .search-autocomplete ul.wyomind-elasticsearch li { padding: 0; border-bottom: 1px solid #d5e4eb; } .search-autocomplete ul.wyomind-elasticsearch li .image { float: left; margin-right: 6px; background-color: #fff; } .search-autocomplete ul.wyomind-elasticsearch li a { display: block; padding: 6px; text-decoration: none; } .search-autocomplete ul.wyomind-elasticsearch li.selected a { text-decoration: none; background-color: #ecf3f6; } .search-autocomplete ul.wyomind-elasticsearch li .price-box { margin: 0; } .search-autocomplete ul.wyomind-elasticsearch li a .price-box .minimal-price-link { padding: 0; } .search-autocomplete ul.wyomind-elasticsearch li .clearer { clear: both; }