body { font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; color: #797979; line-height:1.4em; letter-spacing: 0.02em; position: inherit; } a{ color: #de8c05; } a:hover{ color: #797979; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { /*border: none; */ box-shadow: 0 0 0 0; transition: none; } select { height: auto; min-height: 2.3125rem; max-height: 11em; } /* no sale */ .no-sale-background-wrapper{ background: url('background1.jpg') no-repeat fixed 50% 100% transparent; background-size: 100% auto; } /* sale background */ .sale-background-wrapper{ position: relative; overflow: hidden; } .sale-left, .sale-right { width: 50%; position: absolute; display: block; height: 10000px; } .sale-left{ background: url('') top left; } .sale-right { background: url('') top right; right: 0; } /* spacing */ .column, .columns { padding-left: 0.5375rem; padding-right: 0.5375rem; } .gutter-top{ margin-top: 1.2em !important; } .gutter-right{ margin-right: 1.2em !important; } .gutter-bottom{ margin-bottom: 1.2em !important; } .gutter-left{ margin-left: 1.2em !important; } .width100{ width: 100%; } /* colouring */ .highlight-primary{ color: #fff; background: #f9eeda; } .highlight-secondary{ background: #e9e9e9; } .orange-color{ color: #de8c05; } button, button:visited, .button, .button:visited, .postcodebutton input{ margin: 0px 0px 1.25rem; padding: 0.8em 1.2em; font-size: 0.8em; font-weight: bold; -webkit-border-radius: 3px; border-radius: 3px; background: #de8c05; color: #fff; } button:hover, button:focus, .button:hover, .button:focus, .postcodebutton input:hover { background: #F3F3F3; color: #de8c05; } .clear-both{ clear: both; } /* header */ .header{ position: relative; border-top: 5px solid #353535; margin-bottom: 1.5em; } .login-button a, .login-button button, .login-button button:visited, .login-button .button, .login-button .button:visited { color: #FFF; background: #353535; border: 1px solid #353535; width: 100%; line-height: 26px; padding: 0 0 3px; font-weight: bold; font-size: 0.9em; -webkit-border-radius: 0; border-radius: 0; } .login-button .button:hover{ background: #F3F3F3; color: #de8c05; } .phone-text{ color: #5f5f5f; margin: 12px 0 10px 0; font-size: 1.1em; } .phone-icon{ display: inline-block; width: 20px; height: 20px; background: url('phone.png') no-repeat; } .phone-number{ display: inline-block; color: #da8c00; font-size: 1.4em; font-weight: bold; height: 20px; line-height:20px; } .cart-summary{ background: #f9eeda; -moz-border-radius: 0.4em; border-radius: 0.4em; height: 77px; } .cart-summary .column, .cart-summary .columns { padding-left: 1rem; padding-right: 1rem; } .cart-summary .cart-image{ line-height: 77px; height: 11px; width: 15%; display: block; float: left; margin: auto 5% auto 8%; } .cart-summary .cart-image img{ width: 100%; } .cart-summary .cart-content{ width: 70%; display: block; float: left; } .cart-value{ margin: 13px 0 10px 0; font-size: 1em; font-weight: bold; } .cart-buttons{ font-size: 0.85em; } .cart-buttons{ } .cart-buttons button, .cart-buttons button:visited, .cart-buttons .button, .cart-buttons .button:visited { margin: 0px 0px 1.25rem; padding: 0.5em 0.8em; font-size: 1rem; background-color: #da8c00; color: #FFF; border: 1px solid #da8c00; } .cart-buttons button:hover, .cart-buttons button:focus, .cart-buttons .button:hover, .cart-buttons .button:focus { background: #f3f3f3; border: 1px solid #d4d4d4; color: #5f5f5f; } .cart-summary button, .cart-summary .button { padding: 0.2em 0.4em; font-weight: normal; } /* nav */ .home a img{ background: transparent !important; } .navigation-bar{ height: 52px; } .navigation-bar, .navigation-bar *{ z-index: 999; background: #555555; } .navigation-bar * .row{ margin: 0 auto; } /* Nav bar styles ------------------------------------ */ .navigation-bar .page-list h3 { display: none; } .navigation-bar ul { list-style-type: none; margin: 0; padding: 0; } .navigation-bar ul li { position: relative; display: inline-block; } .navigation-bar ul li a { color: #fff; font-size: 0.85em; margin: 0; padding: 0 0 0 0.8em; text-decoration: none; height: 52px; line-height: 52px; display: block; } .navigation-bar ul li a:after{ content: "|"; margin-left: 0.8em; } .navigation-bar ul li a:hover { background: #878787; } .navigation-bar ul li ul li { border-left: none; }  .navigation-bar ul li#last { } .navigation-bar ul ul { border-right: none; border-left: none;  } .navigation-bar ul ul li a {  text-decoration: none; font-size: 11px; } /* Drop Down Box */ .navigation-bar ul li div { position: absolute; top: 52px; text-align: left; display: none; padding: 5px; margin-left: -2px; width: 212px; z-index: 9999999; } .navigation-bar ul li div div { text-align: left; display: block; position: relative; top: 0px; width: 100%; } .lastMenudiv { right: 0px; } .navigation-bar ul li div ul { width: 200px; float: left; margin: 0x; /* px 4px 0px 0p */ } .navigation-bar ul li div ul.last { border-right: none; margin-right: 0px; } .navigation-bar ul li div ul li { float: none; /*padding: 5px 0;*/ border-right: none; width: 100%; display: block; margin: 0; padding: 0; } .navigation-bar ul li div ul li a { text-align: left; float: none; padding: 0 5px; margin: 0; height: auto; line-height: normal; width: 100%; display: block; } .navigation-bar ul li div ul li a:after { content: ""; } .navigation-bar ul li div ul li a:hover { text-decoration: underline; }  /* Styles for each row of links */ .navigation-bar ul li div .row { clear: both; height: 1%; overflow: hidden;	 border: none; margin: 0; padding: 0; } /* Used to overwrite id's styles */ a.dropheading, a.dropheading:visited { padding: 5px 0px !important; margin: 0px 10px 0px 0px !important; height: auto !important; line-height: normal !important; display: block; } a.droplink, a.dropfooter { margin-left: 12px !important; display: block; } a.droplink:hover, a.dropfooter:hover { } /* end of nav bars */ /* Breadcrumbs */ .breadcrumbs { display: block; overflow: hidden; margin: 0 0.7em; padding: 0; list-style: none; } .breadcrumbs > * { margin: 0; float: left; } .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; } .breadcrumbs > * a, .breadcrumbs > * span { color: #333333; } .breadcrumbs > *.current { cursor: default; color: #333333; } .breadcrumbs > *.current a { cursor: default; color: #333333; } .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; } .breadcrumbs > *.unavailable { color: #999999; } .breadcrumbs > *.unavailable a { color: #999999; } .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999999; cursor: default; } .breadcrumbs > *:before { content: ">"; color: #aaaaaa; margin: 0 0.75rem; position: relative; top: 1px; } .breadcrumbs > *:first-child:before { content: " "; margin: 0; } .content-top{ border: 1px solid #DFDFDF; background: #FFF; margin-bottom: 1em; padding-top: 1em; float: left; width: 100%; } .content-top h2{ padding: 0px 0.7em; } .content-top p{ padding: 0; margin: 0; } /* sidebar */ .sidebar-block{ margin-bottom: 1em !important; } .sidebar-element{ background: none repeat scroll 0% 0% #FFF; border: 1px solid #DFDFDF; margin: 0 1em; overflow: hidden; padding: 1em; } .sidebar-element h3{ font-size: 0.8em; text-transform: uppercase; } .ad-block{ margin: 0 1em; overflow: hidden; } .quick-search{ border: 1px solid #CCC; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s; height: 2.4125rem; background: #e5e5e5; } .quick-search-text{ background: transparent !important; } .quick-search input{ margin: 0 !important; } .search-button{ background: url('search.png') no-repeat 50% 50%; width: 100%; height: 2.3125rem; line-height: 2.3125rem; color: transparent; } .search-button:hover, .search-button:focus{ background: url('search.png') no-repeat 50% 50% #F2F2F2; color: transparent; } /* .brand-search { background: #e5e5e5; border: 1px solid #CCC; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s; height: 2.4125rem; position: relative; } .brand-search .arrow { width: 2.5em; background: url('arrow.png') no-repeat center center #e5e5e5; display: inline-block; height: 2.25rem; position: absolute; right: 1px; margin-left: -2.5em; pointer-events: none; margin-top: 1px; } .brand-search select { background: transparent; color: #888; padding: 0; margin: 0 0 0 5px; line-height: 1.2em; border: 0; border-radius: 0; height: 34px; -webkit-appearance: none; display: inline-block; } */ .brand-search { position: relative; } .brand-search .arrow { width: 16.6667%; background: url('arrow.png') no-repeat center center #e5e5e5; display: inline-block; height: 2.25rem; position: absolute; right: 1px; margin-left: -2.5em; pointer-events: none; margin-top: 2px; border-left: 1px solid #CCC; } .brand-search-selector { background: url('arrow.png') no-repeat 95% center #e5e5e5; border: 1px solid #CCC; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s; height: 2.4125rem; width: 100%; overflow: hidden; display: inline-block; margin-right: -2.5em; } .brand-search-selector select { background: transparent; color: #888; border: 0; border-radius: 0; -webkit-appearance: none; display: inline-block; } .social-media{ text-transform: uppercase; color: #737373; } .social-media-text{ font-size: 0.9em; height: 31px; line-height: 31px; text-transform: uppercase; } ul#sm { /*width: 100%;*/ overflow: hidden; margin: 0 0 0 1em; } ul#sm li { float: left; margin:0 5px 5px 0; list-style: none; } ul#sm li:nth-last-child(1) { margin-right:0; } ul#sm li a { width: 31px; height: 31px; display: block; background-image:url("fb-twit.png"); text-indent:-99999px; } a.facebook { background-position: 0 0 } a.facebook:hover { background-position: 0 -31px;} a.twitter { background-position: -40px 0 } a.twitter:hover { background-position: -40px -31px;} .delivery{ } .delivery-row{ margin-bottom: 1em !important; } .delivery-icon{ } .delivery-text{ color: #5e5e5e; font-size: 0.9em; font-weight: bold; } .delivery-text em{ color: #d98c00; font-style: normal; } .delivery-title{ color: #d98c00; font-size: 1.4em; } .newsletter-block{ color: #717171; } .newsletter-block h3{ /*font-size: 0.8em; text-transform: uppercase;*/ } .newsletter-copy{ font-size: 0.75em; margin-bottom: 1em; line-height: 1.2em; } .newsletter{ border: 1px solid #CCC; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s; height: 2.4125rem; background: #e5e5e5; } .newsletter-text{ background: transparent !important; } .newsletter input{ margin: 0 !important; } .newsletter-button{ background: url('arrow.png') no-repeat 50% 50%; width: 100%; height: 2.3125rem; line-height: 2.3125rem; color: transparent; } .newsletter-button:hover, .newsletter-button:focus{ background: url('arrow.png') no-repeat 50% 50% #F2F2F2; color: transparent; } .authorised-retailer{ background: #f3f3f3; text-transform: uppercase; -webkit-border-radius: 1em; border-radius: 0.4em; border: 1px solid #d1d1d1; } .authorised-retailer h3{ background: #e5e5e5; border-radius: 0.4em 0.4em 0 0; border-bottom: 5px solid #3c6b89; margin: 0 -0.5375rem; padding: 1.4em 0.5375rem; } .authorised-retailer .cycle-slideshow img{ width: 100%; height: auto; } .authorised-retailer-logo{ /*width: 125px; height: 38px; margin: 25px auto 30px;*/ } .authorised-retailer-label{ color: #595959; font-size: 0.9em; margin: 16px 0; } .quick-links ul{ margin: 0; padding:0; } .quick-links li{ list-style: none; } .quick-links li a{ color: #de8c05; } /** filtering **/ .filter-list{ } .filter-list h4{ font-weight: bold; } .filter-list ul { padding: 0pt; list-style: none outside none; text-align: left; margin: 0pt; } .filter-list li { padding: 0pt 3pt 5px; list-style: none outside none; margin: 0pt; border-bottom: none; } .filter-list input[type="file"], .filter-list input[type="checkbox"], .filter-list input[type="radio"], .filter-list select { width: 10%; margin: 0.6em 0; vertical-align: top; } .filter-list label { margin: 0.5em 0 !important; font-size: 0.8em; width: 85%; } .filter-link { padding: 0px; border-width: 0;   color: transparent; width: 0; } .filter-link-label{ text-decoration: underline; display: inline; } .filter-link-label:hover{ cursor:pointer; } /* end product filtering list */ /* main content */ .main-content-wrapper{ overflow: hidden; padding: 0 0.8em 3em 0; } .breadcrumb-top{ overflow: hidden; } /* home */ .content-wrapper{ background: #f2f2f2; padding-top: 1.2em; position: relative; } #hidden{ display:none; } /* fragments */ .fragment-list-wrapper{ border: 1px solid #dfdfdf; background: #fff; padding: 0.8em 0.9em 0; } /** section link **/ .section-links{ border: 1px solid #dfdfdf; } /* marketing lists */ .marketing-list h3{ padding: 0.1rem 0.5rem 0.2rem; } .marketing-list h5{ padding: 0.1rem 0.5rem 0.2rem; margin: 0; height: 3.7rem; } /* section lists */ .section-list{ } .section-list li{ } .section-list-wrapper{ border: 1px solid #dfdfdf; background: #fff; padding: 0.8em 0.9em 0; } .section-list li h3{ font-size: 1em; font-weight: bold; height: 4em; line-height: 1.2em; margin: 0; } .section-link-image{ height: 11em; overflow: hidden; } .section-link-image img{ max-width: 100%; max-height: 100% } /* product list */ .product-list li{ position: relative; text-align: center; } .product-list-page-body{ border: 1px solid #dfdfdf; background: #fff; padding: 0.8em 0; } .product-list-page-body hr{ margin: 0.2em 0; } .product-list-page-body .soapbox-label, .product-list-page-body .soapbox-addreview{ display: none; } .product-list-page-price .product-price{ font-weight: bold; } .product-list-page-image, .product-list-page-description, .product-list-name, .product-list-page-price{ padding: 0 0.9em; } .product-list-name h3{ height: 4em; } .product-list-page-image{ height: 10em; overflow: hidden; } /* promo tags */ .promo-tags{ position: absolute; top: 0.5em; right: 0.625rem; } .promo-tags li{ height: 22px; list-style: none; text-align: right; margin-bottom: 0.5em; font-size: 12px; line-height: 22px; } .promo-tags .flag{ width: 10px; height: 22px; display: inline-block; } .promo-tags .tag{ height: 22px; line-height: 22px; display: inline-block; text-transform: uppercase; } .promo-tags-new .flag{ background: url('product-list-new.png') no-repeat center right; } .promo-tags-new .tag{ background: none repeat scroll 0% 0% #DE8C05; color: #FFF; padding: 0 0.6em 0 0.4em; } .promo-tags-sale .flag{ background: url('product-list-sale.png') no-repeat center right; } .promo-tags-sale .tag{ background: none repeat scroll 0% 0% #d52b2b; color: #FFF; padding: 0 0.6em 0 0.4em; } .promo-tags-promotion .flag{ background: url('product-list-promo.png') no-repeat center right; } .promo-tags-promotion .tag{ background: none repeat scroll 0% 0% #2e60d1; color: #FFF; padding: 0 0.6em 0 0.4em; } /* product page */ .product-heading{ margin-top: 0.5em; overflow: hidden; position: relative; } .product-heading-wrapper{ position: absolute; bottom: 0; } .product-heading-logo { display: block; min-height: 6em; line-height: 6em; } .carterror .actrequiredcolor { border-style: solid; border-width: 1px; display: block; font-weight: normal; margin-bottom: 1.11111rem; position: relative; padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem; font-size: 0.72222rem; transition: opacity 300ms ease-out 0s; background-color: #ffaaaa; border-color: #DE2D0F; } .product-wrapper{ border: 1px solid #dfdfdf; background: #fff; overflow: hidden; padding: 0 0.8em 2em; } .product-wrapper h1 a, .product-wrapper h2 a, .product-wrapper h3 a{ color: #474747; } .product-wrapper h1{ font-size: 1.4em; font-weight: bold; margin: 0; } .image-wrapper{ border: 1px solid #dfdfdf; background: #fff; overflow: hidden; display: inline-block; max-width: 100%; } .main-image img{ margin-top: 1em; } .extra-image-block{ margin-top: 0.8rem; } .extra-image-block [class*="block-grid-"] { /*  margin: 0; */ } .extra-image-block [class*="block-grid-"] > li { float: left; padding: 0px 0.625rem 0.8rem; } .extra-image{ max-height: 5em; overflow: hidden; } .extra-image img{ max-height: 5em; } .quantity{ line-height: 2em; } .product-page-price, .description, .product-page-attribute{ margin-bottom: 1em !important; } .quantity input[type="text"], .quantity input[type="password"], .quantity input[type="date"], .quantity input[type="datetime"], .quantity input[type="datetime-local"], .quantity input[type="month"], .quantity input[type="week"], .quantity input[type="email"], .quantity input[type="number"], .quantity input[type="search"], .quantity input[type="tel"], .quantity input[type="time"], .quantity input[type="url"], .quantity textarea { border-radius: 0px; background-color: #FFF; font-family: inherit; border: 1px solid #CCC; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; color: rgba(0, 0, 0, 0.75); display: block; margin: 0px 0px 1rem; padding: 0.5rem; height: 2.3125rem; /* width: auto; */ box-sizing: border-box; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s; } .price-block{ margin-bottom: 0.4em ; } .product-page-price-save span{ font-weight: bold; color: #cf3e3e; margin-bottom: 1.3em; font-size: 0.9em; } .product-page-stock-message{ margin-bottom: 0.3em; } .price-ref{ color: #9b9b9b; font-size: 0.8em; font-weight: bold; margin-top: 0.3em; margin-bottom: 1.3em; } .price-label{ color: #474747; height: 2.4125rem; line-height: 2.4125rem; } .price-value{ font-size: 1.8em; font-weight: bold; color: #474747; } .price-tax{ font-size: 0.5em; font-weight: normal; } .price-block .small{ font-size: 0.8em; } .in-stock:before{ display: inline-block; content: " "; background: url('in-stock.png') no-repeat; width: 14px; height:12px; margin-right: 5px; } .in-stock{ color: #27a736; font-weight: bold; } .out-of-stock:before{ display: inline-block; content: " "; background: url('out-of-stock.png') no-repeat; width: 11px; height:11px; margin-right: 5px; } .out-of-stock{ color: #cf3e3e; font-weight: bold; } .attribute-list { position: relative; } .attribute-list .arrow { width: 2.5em; background: url('arrow.png') no-repeat center center #e5e5e5; display: inline-block; height: 2.25rem; position: absolute; right: 1px; margin-left: -2.5em; pointer-events: none; margin-top: 1px; border-left: 1px solid #CCC; } .attribute-list .arrow:hover { background-color: #F2F2F2; } .attribute-selector{ background: url('arrow.png') no-repeat 95% center #e5e5e5; border: 1px solid #CCC; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset; transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s; height: 2.4125rem; width: 100%; overflow: hidden; display: inline-block; margin-right: -2.5em; } .attribute-selector select { background: transparent; color: #888; border: 0; border-radius: 0; -webkit-appearance: none; display: inline-block; } .cart-button{ } .cart-button button, .cart-button button:visited, .cart-button .button, .cart-button .button:visited { background-color: #2aab4e; -webkit-border-radius: 2px; border-radius: 2px; display: block; width: auto; padding-left: 2em; padding-right: 2em; font-weight: bold; text-transform: uppercase; font-size: 1em; } .cart-button button:hover, .cart-button button:focus, .cart-button .button:hover, .cart-button .button:focus { background: #f3f3f3; color: #5f5f5f; } /* products */ .title a{ color: #fff; } .description h2, .specifications h2{ font-weight: bold; font-size: 1.3em; } .specifications table{ width: 100%; border: none; margin: 0; padding: 0; border: 1px solid #DDD; border-bottom: none; } .specifications tr{ border: 1px solid #DDD; } .specifications td{ border-bottom: 1px solid #DDD; } .specifications .specification-label{ border-right: 1px solid #DDD; } /* product options */ .attribute-list h6{ padding: 0.1rem 0.5rem 0.2rem; } .review-block h3{ /*font-size: 1.4em;*/ } .review-head{ float: left; width: 100%; } .review-head .soapbox-block{ margin-top: 0.6em; } .review-head h3{ margin: 0; padding: 0; font-size: 1.5em; font-weight: bold; } .review-head .soapbox-label, .review-head .soapbox-stars{ float: left; } .review-head .soapbox-addreview{ display: none; } .questions, .secure, .call{ padding: 1em 0; color: #666; font-weight: bold; width: 100%; height: 5.7rem; } .questions img, .secure img, .call img{ height: 51px; margin: 0 1.5em; } .questions a, .secure a, .call .number{ display: block; margin-top: 0.5em; } .questions{ } .secure{ } .call{ font-size: 0.8em; line-height: 1.4em; } .call .number{ color: #da8c00; font-size: 1.1em; } /* footer */ .footer-area{ background: #353535; } .footer-area * a{ color: #fff; } .footer-area .footer-top{ border-bottom: 1px solid #747474; } .footer-area .links ul{ list-style: none; margin: 0 0.9em 0 0; } .footer-area .links li{ display: inline-block; font-size: 0.85em; line-height: 2em; } .footer-area .links li a{ padding: 0 0.4em; } .footer-area .footer-top .social-media{ text-transform: uppercase; font-size: 0.8em; color: #fff; } .footer-area .footer-top .social-media-text{ height: 56px; line-height: 56px; } .footer-area .footer-top .social-media-icons{ margin: 1em 0.5em; } .footer-area .footer-top a.facebook { background-position: 0 -31px } .footer-area .footer-top a.facebook:hover { background-position: 0 0;} .footer-area .footer-top a.twitter { background-position: -40px -31px } .footer-area .footer-top a.twitter:hover { background-position: -40px 0;} .footer-area .footer-phone-number{ color: #fff; font-size: 0.85em; } .footer-area .footer-phone-number span{ color: #da8c00; } .footer-area .footer-logo img{ width: 202px; height: 66px; margin-top: 0.4em; } .footer-area .footer-mid{ margin: 2em auto; } .footer-area .footer-mid .footer-col{ list-style: none; } .footer-area .footer-mid .footer-col{ font-size: 0.75em; } .footer-area .footer-bottom{ background: #000000; color: #878787; font-size: 11px; min-height: 72px; padding: 1.5em 0; } /* search */ #search-body table { width: 100%; } /* checkout */ table.checkout-cart th { padding: 0 0.53em !important; font-size: 0.8em; } table.checkout { width: 100%; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { text-align: left; padding: 5px 2px; } table.checkout th.instruction { font-size: 11px; font-weight: normal; } table.checkout th.change { font-size: 11px; font-weight: bold; padding: 0px 0px; text-align: right; } .checkout-change-button	{ line-height: 13px; height: 20px; width: 86px; margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px; word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; word-spacing: normal; } .checkout-login-button a { padding-left: 20px; text-decoration: none; } table.checkout td { padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { /* width: 130px; */ } .checkout-cartheading { font-weight: bold; } h2.checkout-heading { font-weight: bold; padding: 5px 2px; } h3.checkout-heading { padding: 3px 0; font-weight: bold; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } img.cartthumbnail { border: 0px; margin-left: 2px; margin-right: 2px; width: 25px; } .checkout-ref { word-wrap: break-word; } input.normal-button { font-weight: bold; padding: 5px; } input.highlight-button { font-weight: bold; padding: 5px; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { padding: 2px; } .InvoiceField input, .InvoiceField select { padding: 2px; } .DeliverField input, .DeliverField select { padding: 2px; } table.checkout#idBothAddressesTable select { max-width: 211px; } .postcode-input { margin-right:-100%; float:left; } input.checkbox { border: 0;	 } .checkout-field-area { width: 580px; } .checkout-field-area p { margin: 0; padding: 4px; } div.checkout-buttons { width: 580px;  height: 50px;  margin-top: 20px; } .checkout-help-hide {  display: none;  } .checkout input[type="text"], .checkout input[type="password"], .checkout input[type="date"], .checkout input[type="datetime"], .checkout input[type="datetime-local"], .checkout input[type="month"], .checkout input[type="week"], .checkout input[type="email"], .checkout input[type="number"], .checkout input[type="search"], .checkout input[type="tel"], .checkout input[type="time"], .checkout input[type="url"], .checkout textarea { border: 1px solid #ccc; box-shadow: inherit; transition: inherit; padding: 0 5px; margin: 0; } .checkout-buttons .button{ width: 100%; font-size: 0.8em; padding-left: 0; padding-right: 0; } .checkout-field-label{ width: 37%; } table.checkout-cart, table.checkout{ width: 100%; } .postcodebutton{ display: block; float: right; } .postcodebutton input{ margin: 0; border: none; height: 2.3125rem; } .checkout-progress { } .checkout-progress .sub-nav { margin-left: 0; } .checkout-progress .sub-nav  li { margin: 0; padding: 0.5em 0.9em; } .checkout-progress .selected { background: #fff; } .postcodebutton select { height: auto; } /* Small screens */ @media only screen { } /* Define mobile styles */ @media only screen and (max-width: 40em) { .row .row{ margin: 0 -0.5375rem; } .topnav{ } .topnav ul{ list-style: none; padding: 0; margin: 0; display: block; width: 100%; } .topnav li{ display: block; margin: 0px; padding: 5px 10px; text-align: center; } .topnav li a{ display: block; } .header { margin-bottom: 0.5em; } a.menu-icon { width: 100%; } .navigation-bar{ display: none; height: 0; } #mega-menu{ display: none; visibility: hidden; } .mobi-menu{ display: block !important; margin-bottom: 1em; } .mobi-menu .title-area{ background: #555555; } .mobi-menu .title-area span{ color: #fff; } .mobi-menu ul{ margin: 0; } .mobi-menu li{ list-style: none; } .nav-list{ display: none; background: #fff; } /* Base Styles */ .nav-list, .nav-list ul, .nav-list li, .nav-list a { position: relative; } .nav-list { } .nav-list a { } .nav-list > ul > li:first-child { } .nav-list > ul > li:first-child > a { } .nav-list > ul > li:first-child > a > span { } .nav-list > ul > li:first-child:hover { } .nav-list > ul > li { border-bottom: 1px solid #e0e0e0; padding-left: 1em; } .nav-list > ul > li:hover { } .nav-list > ul > li > a { display: block; padding: 0.5em 1em; } .nav-list > ul > li > a > span { display: block; } .nav-list > ul > li > a:hover { background: #e0e0e0; } .nav-list > ul > li.active { } .nav-list > ul > li.has-sub > a span { } .nav-list > ul > li.has-sub.active > a span { } .nav-list ul ul { display: none; padding-left: 1.5em; } .nav-list ul ul li { } .nav-list ul ul li:last-child { } .nav-list ul ul a { display: block; } .nav-list ul ul a:hover { } .show-filter-button { background: #555; } #filter-block { display: none; } .footer-area{ text-align: center; } .footer-area .footer-top .social-media-text{ width: 50%; text-align: right; } .footer-area .footer-phone-number{ text-align: center; display: block; clear: both; } .footer-area .footer-logo{ text-align: center; } .footer-area .footer-col{ text-align: center; margin-top: 0.8em; } .checkout-product-page-body{ padding: 0; background: none repeat scroll 0% 0% #FFF; position: relative; overflow: hidden; } .checkout-cart { font-size: 0.8em; } .checkout-ref { font-size: 0.8em; } .postcode-input { margin-right:-100%; float: none; } .postcodebutton { display: block; } } /* max-width 640px, mobile-only styles, use when QAing mobile issues */  /* Medium screens */ @media only screen and (min-width: 40.063em) { .product-price{ height: 3em; } .footer-area .links li{ /*margin: 0 0 0 0.9em;*/ } .footer-area .footer-top .social-media{ float: left; } .footer-area .footer-top, .footer-area .links ul{ height: 56px; line-height: 56px; } .footer-area .footer-phone-number{ text-align: right; } .footer-area .footer-col{ float: left; margin: 0 0.9em 0 0; } } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ /* Large screens */ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ /* XLarge screens */ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /* XXLarge screens */ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */