/* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #959da6; } .actCHECKOUTBG { background-color: #eeeeee; } .actlarger { font-size: 13px; color: #454545; } .actsmaller{ font-size: 12px; color: #454545; } .actxxsmall { font-size: 12px; color: #454545; } .actxsmall { font-size: 11px; color: #454545; } .actsmall { font-size: 11px; color: #454545; } .actregular { font-size: 13px; color: #454545; } .actlarge{ font-size: 16px; color: #454545; } .actxlarge { font-size: 20px; color: #454545; } .actxxlarge { font-size: 20px; color: #454545; } .actwarningcolor { color: #ff3300; } .actrequiredcolor { color: #ff3300; } .actsearchhighlightcolor { color: #78b53d; } .actrequired { color: #ff3300; } .actwarning { font-size: 11px; color: #ff3300; } .actwelcome { font-size: 11px; color: #454545; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #000066; } /* Shopping cart and checkout fields ------------------------------------------- */ a.checkout-checkoutbg { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 8px; padding-right: 8px; border: #eeeeee 2px solid; border-top: #eeeeee 2px solid; border-right: #454545 1px solid; border-bottom: #454545 1px solid; } a.checkout-checkoutbg:link { color: #eeeeee; text-decoration: none; } a.checkout-checkoutbg:visited { color: #eeeeee; text-decoration: none; } a.checkout-checkoutbg:hover { color: #eeeeee; text-decoration: underline; } a.checkout-checkoutbg:active { color: #eeeeee; text-decoration: underline; } a.checkout-textcolor:link { color: #454545; text-decoration: none; } a.checkout-textcolor:visited { color: #454545; text-decoration: none; } a.checkout-textcolor:hover { color: #454545; text-decoration: underline; } a.checkout-textcolor:active { color: #454545; text-decoration: underline; } div.CheckoutCartSection { margin-top: 0px; margin-bottom: 10px; } table.checkout#idTableCheckoutSection { margin-bottom: 0px; } table.checkout-cart { width: 100%; border-collapse: collapse; padding: 0px 0px; margin-bottom: 5px; } table.checkout-cart th{ font-weight: bold; background-color: #eeeeee; border-top: solid 1px #959da6; border-bottom: solid 1px #959da6; padding: 4px 4px; } table.checkout-cart td{ padding: 4px 4px; } table.checkout { width: 100%; border-collapse: collapse; padding: 0px 0px; text-align: left; margin-bottom: 5px; } table.checkout th { background-color: #959da6; font-size: 13px; font-weight: bold; color: #eeeeee; text-align: left; padding: 5px 2px; border-bottom: solid 3px #ffffff; } 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; font-size : 11px; background-color: #959da6; border: 1px solid #333000; color: #c4b091; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button	{ line-height: 13px; height: 15px; width: 70px; margin: 20px 0px 20px 0px; padding: 3px 20px 2px 0px; font-size : 11px; background-color: #959da6; border: 1px solid #333000; color: #c4b091; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; } .checkout-login-button a { padding-left: 20px; color: #c4b091; text-decoration: none; } table.checkout td { background-color: #eeeeee; border-right: solid 1px #ffffff; border-bottom: solid 1px #ffffff; padding: 2px 2px; } table.checkout#idBothAddressesTable col { width: auto; } td#idCheckoutHelpLabel, table.checkout#idBothAddressesTable col.prompt { width: 130px; } .checkout-cartheading { font-weight: bold; background-color: #eeeeee; border-top: solid 1px #959da6; border-bottom: solid 1px #959da6; } h2.checkout-heading { background-color: #959da6; font-size: 13px; font-weight: bold; color: #eeeeee; padding: 5px 2px; border-bottom: solid 3px #ffffff; width: 100%; } .checkout-subheading { font-weight: bold; padding: 0; margin: 0; } input.normal-button { font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; font-weight: bold; color: #ffffff; background: #959da6; padding: 5px; border: solid 1px #454545; } input.highlight-button { font-family: Georgia, Times New Roman, Times, serif; font-size: 11px; font-weight: bold; color: #ffffff; background: #333000; padding: 5px; border: solid 1px #454545; } .checkout-field-label { width: 160px; } .checkout-field-input { width: auto; } .checkout-field-input input, .checkout-field-input select { font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #454545; background-color: #ffffff; padding: 2px; } .InvoiceField input, .InvoiceField select { font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #454545; background-color: #ffffff; padding: 2px; } .DeliverField input, .DeliverField select { font-family: Georgia, Times New Roman, Times, serif; font-size: 13px; color: #454545; background-color: #ffffff; padding: 2px; } table.checkout#idBothAddressesTable select { width: 211px; } input.checkbox { background-color: #eeeeee; border: 0;	 } .checkout-field-area { background: #eeeeee; border-bottom: solid 2px #ffffff; width: 100%; } .checkout-field-area p { margin: 0; padding: 4px; } .spacer {  clear : both;  } .checkout-help-hide {  display: none;  } /* Formatting for Feefo customer feedback --------------------------------- */ /* My Account pages  --------------------------------------------------------------*/ .myaccount-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url('myaccount-popup-bg.png'); background-repeat: repeat; } .myaccount-popup { position: fixed; width: 500px; height: 250px; left: 50%; top: 50%; margin-left: -250px; margin-top: -125px; padding-left: 85px; padding-top: 50px; background-color: #c4b091; } /* start search results sort list */  .sort_by-submit { background: transparent; height: 20px; color: #c4b091;  font-weight: bold; font-size: 12px; margin-right: 1px; margin-top: 1px; border: 0; } .sort_by-submit:hover { cursor: pointer; text-decoration: underline; } /* end search results sort list */ /* start auto suggestion list */ .sf_suggestion { position: absolute; z-index: 110; left: 0 !important; top: 35px !important; background-color: #FFF; -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.65); -moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.65); box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.65); } .sf_suggestion ul { margin: 0px; padding: 0px; background: #ffffff;  } .sf_suggestion ul > li{ margin: 0px; padding: 0px; list-style-type: none; display: block; } .sf_suggestion ul > li > a { display: block; text-align: left; line-height: 1.4em; font-weight: 400; color: #333000; padding: 5px; text-decoration: none; } .sf_suggestion ul > li a:hover { background-color: #c19455; } .sf_suggestion ul > li.selected a { background-color: #c19455; color: #78b53d; } .sf_suggestion ul > li.notselected a{ color: #000000; font-weight: normal; } /* end auto suggestion list */ /* start filter loading dialog */ .loading-block	{ display: table; height: 100%; width: 100%; overflow: hidden; margin-left: 50%; z-index: 2147483638; } .loading-gif { display: table-cell; vertical-align: middle; } .loading-shadow { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-repeat: repeat; opacity:0.9; } /* start filter loading dialog */ /* start product filtering list */ .filter-list { } .filter-list select { height: auto; } .filter-list h4 { clear: left; padding: 0;	 } .filter-list ul { padding: 0; list-style: none outside none; text-align: left; margin: 0; } .filter-list li { padding: 0pt 3pt 5px; list-style: none outside none; margin: 0pt; border-bottom: none; } .filter-list li{  color: #333000; } .filter-link{ background: #c19455; font-size: 12px; font-family: Georgia, Times New Roman, Times, serif; padding: 0px; border-width: 0;   color: transparent; width: 0; } .filter-link-label{ text-decoration: underline; } .filter-link-label:hover{ cursor:pointer; } .filter-submit{ background: transparent; color: #c4b091; font-family: Georgia, Times New Roman, Times, serif; font-weight: bold; padding: 0 3px; border-width: 0; padding: 4px;	 } .filter-submit:hover{ cursor: pointer; text-decoration: underline;	 } .sidebar-filter-element h2 { overflow: hidden; clear: both; line-height: 25px; border-bottom: 5px solid #959da6; font-size: 13px; color: #333000; font-weight: bold; margin: 0; padding: 18px 0 6px 0; } .sidebar-filter-element .button-wrapper { } .filter-list input { margin-left: 0; } /* end product filtering list */ /* Recently Viewed Products List Style ------------------------------------ */ .icon {display: inline-block} .screen-reader-text {position: absolute;top: -9999px;left: -9999px} .hide-mobile-inline {display: none} .skip {height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px} .arrow:after {width: 0px;height: 0px;border-style: solid;border-width: 9px 0 9px 9px;border-color: transparent transparent transparent #ffffff; content: ''; display: inline-block; vertical-align: text-bottom; margin-left: 10px} body {font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;} body {color: #454545} button, .button {background-color: #78b53d; border-color: #78b53d;} a {color: #959da6} h1, h2 {margin: 0 0 0.5em; line-height: 1; color: #454545} .wrapper {width: 100%} .bar-wrap {background-color: #333000} .head-wrap {} .main-wrap {} .usp-wrap {background:#c4ccd3} .conf-wrap {background: #959da6} .foot-wrap {background: #c4ccd3;color:#454545} .bar-wrap .alert-box {display: none} .ie9 .bar-wrap .alert-box, .lt-ie9 .bar-wrap .alert-box {display: block} .toplinks a {color: #FFF} .toplinks a:hover {color: #c19455} .toplinks > ul {margin: 0; padding: 0; list-style-type: none; text-align: right} .toplinks li {font-size: 13px; margin: 0; padding: 0 0 0 0.5em; display: inline-block} .toplinks li.logged-in .actlogout {font-size: 13px;color: #FFF} .header {padding: 1em 0 0} .header .logo {display: block; text-align: center; width: 100%} .header .cart-summary {text-align: center; width: 100%} .header .straplines {text-align: center} .usp-wrap form, .usp-wrap .button, .usp-wrap input {margin-bottom: 0} .usp-wrap form {padding: 0.5em 0} .usp-wrap label.prefix, .usp-wrap label.postfix {background: transparent;border-width:0;margin-bottom:0} .usp-wrap label a {color: #454545} .usp-wrap input {border-color:#959da6} .usp-wrap input.button, .usp-wrap form button {background-color: #c19455;box-shadow:none;border-color:#c19455;text-transform:uppercase;color:#fff} .alert-box .actrequiredcolor {color: #fff} .alert-box a {color: #78b53d} div#cookieChoiceInfo {padding: 0.9375em; background-color: #c4b091; color: #454545; } div#cookieChoiceInfo a {color: #454545; text-decoration: underline} .top-bar {background-color: #959da6; height: 60px} .top-bar .icon-bar {line-height: 1.1; height: 60px} .top-bar .icon-bar.toggle-topbar {position: relative; right: inherit; top: inherit} .contain-to-grid {background: #959da6;border-bottom: 1px solid #676767} .top-bar.expanded {background: #959da6} .top-bar.expanded .toggle-topbar a {color: #FFF} .top-bar.expanded .toggle-topbar a span {-webkit-box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF; box-shadow: 0 10px 0 1px #FFF, 0 16px 0 1px #FFF, 0 22px 0 1px #FFF} .top-bar-section li a {color: #FFF} .icon-bar i {font-size: 30px; line-height: 45px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7)} .icon-bar {display: block; float: left;width: 20%; text-align: center; color: #FFF} .icon-bar a, .top-bar .toggle-topbar a {color: #FFF; display: block; line-height: 12px;font-size: 11px;padding: 0} .icon-bar span.barlabel {display: block;font-weight: normal; text-transform: uppercase} .fixed .top-bar {height: 45px} .fixed.top-bar.expanded {height: auto} .fixed .top-bar .icon-bar {height: 45px} .fixed .top-bar span.barlabel {display: none} .top-bar .cart-small span.full {border-radius: 50%; font-size: 11px; text-align: center; display: inline-block; line-height: 18px; width: 22px; height: 22px; position: absolute; top: 8px} .top-bar .cart-small span.full {background-color: #c19455; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.7); border: 2px solid #FFF} .top-bar-section > ul > li.show-home {display:none} #toggle-call, #toggle-search {display: none; position: absolute; width: 100%; z-index: 101;background-color:#333000} .helpline {text-align: center;padding: 0.9375em; color: #c4b091} .contain-to-grid .helpline h4 a {color: #FFF; font-size: 1.4em} .top-bar form {position: relative; margin: 0} .search {padding: 0.9375em; margin: 0; position: relative} .sf_suggestion {width: 100%} .sf_suggestion ul li {float: none} .sf_suggestion ul li a {background-color: #ffffff; color: #454545; font-weight: normal; line-height: 1.2em} .sf_suggestion ul li a:hover {background-color: #c19455; color: #FFF} .sf_suggestion ul li.selected a {background-color: #ebebeb; color: #000} .search input[type="search"] {margin-bottom: 0} .search input.button {margin: 0; font-size: 14px; width: 100%; border-radius: 10px;background-color:#959da6;border-color:#959da6;box-shadow:none} .main-content {padding: 1em 0} .product-list ul > .fragment {width: 100%} .product-list ul > .equal-box {margin-bottom: 1em} ul.breadcrumbs {margin: 0 0 0.9375em 0;color: #888} .breadcrumbs > * a, .breadcrumbs > * span {color: #666} .breadcrumbs > *:before {content: "/"} .breadcrumb-bottom .breadcrumbs {margin: 0 0 1em} #filter_pagination_links_bottom, #filter_pagination_links_top {margin: 0.9375em 0} .confidence p {line-height: 4em; margin-bottom: 0; text-align: center; color: #FFF; font-size: 0.9em} .confidence .fi-lock {font-size: 24px; margin-right: 10px; vertical-align: top} .confidence .columns {transform-style: preserve-3d} .confidence a {display: inline-block; position: relative; top: 50%; transform: translateY(-50%); color: #FFF} .footer {padding: 1em 0} .footer .columns {border-width: 0; border-style: none; font-size: 0.8em} .footer ul {list-style-type: none} .footer ul li a, .meta a {color: #454545} .footer ul li a:hover, .meta a:hover {color:#fff} .foot-wrap a:hover .fa-inverse, .usp-wrap a:hover .fa-inverse {color: #1A0C01} .foot-wrap .social-badges {text-align:center} .meta {} .meta p {text-align: center; font-size: 0.8em} .meta p.address {font-size: 0.9em} .meta p.copyright {} .meta p.disclaimer {} .sidebar-element.panel > h3 {font-size: 1.2em} .sidebar .page-list {list-style-type: none; margin-bottom: 0} .sidebar .page-list > li {border-bottom: 1px solid #c19455; font-size: 0.9em; margin-bottom: 0.5em; padding-bottom: 0.5em} .sidebar .page-list > li a {color: #333000} .sidebar .page-list > li a:hover {color: #c19455} .sidebar .page-list > li:last-child {margin-bottom: 0; border-bottom: none} .sidebar .page-list ul li {font-size: 0.9em} .sidebar .page-list ul .active {font-weight: bold} .marketing-list h3 {font-size: 1.2em; margin: 0 0 0.5em; font-weight: 500} .tcarousel {position: relative; border: none; background: none; padding: 0} .tcarousel .slick-prev, .tcarousel .slick-next {position: absolute; top: 50%; margin-top: -30px; z-index: 10; width: 50px; padding: 13px 9px; height: 60px; background-color: #c19455; border-color: #c19455;box-shadow:none;display: block; text-align: center} /* button holder */ .tcarousel .slick-next {right: -12px; border-top-left-radius: 8px; border-bottom-left-radius: 8px} .tcarousel .slick-prev {left: -12px; border-top-right-radius: 8px; border-bottom-right-radius: 8px} .tcarousel .slick-next > span,  .tcarousel .slick-prev > span {display: block; width: 0; height: 0; position: relative; border: inset 16px; text-indent: -9999px} .tcarousel .slick-prev > span {border-right-style: solid; border-color: transparent; border-right-color: white; left: -8px} .tcarousel .slick-next > span {border-color: transparent; border-left-style: solid; border-left-color: white; left: 8px} .tcarousel .slick-disabled {cursor: default} .tcarousel .slick-next.slick-disabled > span {border-left-color: rgba(255,255,255,0.2)} .tcarousel .slick-prev.slick-disabled > span {border-right-color: rgba(255,255,255,0.2)} .tcarousel .shade {border: inset 10px; display: block; height: 0; position: absolute; top: 50%; margin-top: 20px; width: 0; border-color: transparent; z-index: 9} .tcarousel .shade.lt {left:-22px;border-right-style: solid; border-right-color: #454545} .tcarousel .shade.rt {right:-22px;border-left-style: solid; border-left-color: #454545} .tcarousel .slick .li div.equal-box {text-align: center; background-color: #FFF; border: 3px double #CCC; border-bottom: none; padding: 1em; position: relative} .tcarousel .bs-name {font-weight: 700; color: #454545; font-size: 0.9em; display: inline-block} .tcarousel .bs-name:hover {color: #959da6} .tcarousel a.more {background-color: #959da6; display: block; padding: 0.9375em 0.5em; margin: 0; width: 100%;font-weight: 700;text-align: center; color: #FFF;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5)} .tcarousel a.more:hover {background-color: #c19455} .tcarousel .product-price {display: block; font-weight: bold; padding: 0.5em; text-align: center} .tcarousel .slick-list {margin: 0 -10px} .tcarousel .slide-item {padding: 0 8px} .tcarousel .product-image {display: block} .tcarousel .prod-img {max-width: 100%; max-height: 100%; display: inline-block} .tcarousel .prod-img:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */} .slick-dots {position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; } .slick-dots li {position: relative; display: inline-block; height: 0.75em; width: 0.75em; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { background: #666;border-color:#fff;display: block; height: 100%; width: 100%; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; border-radius: 10px} .slick-dots li button:focus { outline: none; } .slick-dots li.slick-active button {background: #959da6} .slick-slider.slideshow {} .slideshow .slide-caption {background-color: rgba(96, 102, 109, 0.75); color: #FFF; text-align: center; bottom: 0; padding: 0.5em;  position: absolute; width: 100%; max-height: 322px; z-index: 100} .slideshow .slide-caption > h1, .slideshow .slide-caption > h2 {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);color: #FFFFFF;font-size: 0.9em;line-height: 1em; margin: 0.2em 0} .slideshow .slide-caption a.arrow {background-color: #959da6; padding: 0.3em; width: 70%; margin: 0 auto; display: block;text-align: center; color: #FFF;font-weight: bold;font-size: 0.9em} .slideshow .slide-caption > p {font-size: 0.8em; line-height: 1em; margin-bottom: 0.2em} .slideshow .slick-dots {bottom: 10px; left: 10px; margin: 0; text-align: left; z-index: 10; width: 30%} .slideshow .slick-slide {position: relative} .marketing-list.sidebar ul li > div, .marketing-list.plain ul li > div {background-color: #FFFFFF; padding: 0.5em; border: 1px solid #c19455; border-bottom: none} .marketing-list.plain .product-image {display: block;float:right} .marketing-list.sidebar .product-image > img, .marketing-list.plain .product-image > img {max-height: 130px} .marketing-list.sidebar h4, .marketing-list.plain h4 {font-size: 1.1em; line-height: 1.1em} .marketing-list.sidebar h4 a, .marketing-list.plain h4 a {color: #333000; font-weight: 700} .marketing-list.sidebar h5, .marketing-list.plain h5 {font-size: 14px; line-height: 28px; text-transform: uppercase} .marketing-list.sidebar h5.new, .marketing-list.plain h5.new {color: #ff3300} .marketing-list.sidebar h5.best, .marketing-list.plain h5.best {} .marketing-list.sidebar h5 i, .marketing-list.plain h5 i {margin-right: 7px; line-height: 28px; line-height: 18px; vertical-align: text-top} .marketing-list.sidebar .product-prices li, .marketing-list.plain .product-prices li {margin: 0; font-weight: 700; color: #333000; line-height: 1} .marketing-list.sidebar a.more, .marketing-list.plain a.more {background: none repeat scroll 0 0 #959da6; color: #FFF; font-weight: 700; display: block; padding: 0.5em; text-align: right; width: 100%} .marketing-list.sidebar a.more i.fi-play, .marketing-list.plain a.more i.fi-play {padding-left: 0.5em} .checkout-page table {border: none; margin-bottom: 0} .checkout-page fieldset {background-color: #FFF; position: relative} .checkout-page fieldset legend, a.legend {background-color: #333000; border-radius: 20px; color: #FFFFFF; font-weight: bold; margin: 0 0 0 -0.5em; padding: 0.5em} .checkout-page legend .button {display: inline-block; margin: -5px -4px -5px 1em; border: none; float: right;color:#c4b091} .checkout-page fieldset fieldset legend {background-color: #ffffff; border: 1px solid #c19455; color: #333000} #idShowHideCart {position: absolute; right: 0.9375em; top: 0} #idCartChangeCell {display: inline} #idShowHideCart a.legend {background-color: #959da6; color: #c4b091; text-transform: capitalize; display: block} #idCartHeadingTotal {font-size: 0.875em;font-weight:700} #idSEPARATESHIP {margin-bottom:0} .checkout-page label {font-size: 0.8em; font-weight: bold; margin-bottom: 0.3em; color: #333000} .checkout-page .callout {background-color: #c19455; color: #FFF;border-color: #c19455} .checkout-page .callout legend {border: 1px solid #c19455} .checkout-page .callout label {color: #FFF !important} .checkout-page .progress {margin-top: 0.625em} .checkout-page .progress.success .meter {background-color: #30AC66;color: #fff;font-size: 10px;text-transform: uppercase; line-height: 18px;padding-right: 0.5em;text-align: right} .checkout-page .panel p, .checkout-page .panel h5 {color: inherit} .checkout-page th.none, .checkout-page td.none {padding: 0} .cart-grid .cart, .cart-grid .cartprice {border-bottom: 1px dashed #c19455; position: relative; vertical-align: bottom} .cart-grid .cartprice {text-align: right} .cart-grid .cart > span, .cart-grid .cartprice > span {bottom: 6px; display: block; position: relative} .checkout-page .cart-grid .cart > span.mobileHeader {display: none} .cart-grid img.cartthumbnail {display: none} .cart-grid .ct-qty > input, .cart-grid input[type="checkbox"] {margin-bottom: 0} .cart-grid .cartheading {background-color: #c4b091; font-weight: bold; color: #454545; border-radius: 20px} .cart-grid table tr:nth-of-type(2n) {background-color: transparent} .cart-grid th {text-align: right} .cart-grid th.txlt {text-align: left} .cart-grid ul > li {text-align: center; font-size: 0.8em; line-height: 1.2em} .cart-grid ul > li > a > img {display: block; max-width: 90px; margin: 0 auto} .cart-grid ul > li > a {color: #959da6; font-weight: normal} .cart-grid a {font-weight: 700; color: #959da6} .cart-grid p {font-size: 0.9em} .checkout-page .cart-grid .columns.ct-qty {margin-top: 0.5em} .checkout-page .cart-grid .columns.ct-qty .row .columns > span {display: block; line-height: 28px; text-align: right} .checkout-page .cart-grid .ct-qty label {font-size: 0.875em; margin-bottom: 0;color: #454545} .checkout-page .cart-grid .ct-qty input {margin-bottom: 0} .checkout-page .cart-buttons input.button {background: #959da6;border-color:#333000} .checkout-page .cart-buttons, .checkout-page .checkout-buttons {display: flex; flex: 1 1 100%; justify-content: space-between;flex-flow: row wrap; list-style: outside none none; margin: 0 -5px} .checkout-page .cart-buttons li {flex-basis:50%;padding: 0 5px;order:1} .checkout-page .cart-buttons li.chkout {flex-basis:100%;order:0} .checkout-page .checkout-buttons {justify-content:flex-start} .checkout-page .checkout-buttons li {flex-basis:100px} .checkout-page .checkout-buttons li:last-child {margin-left:auto} .checkout-page .checkout-buttons li input.button {background:#959da6;border-color:#333000;margin-bottom:0} .checkout-page .checkout-buttons li:last-child input.button, .checkout-page .cart-buttons li.chkout input.button {background:#78b53d} .checkout-page .checkout-buttons {margin: 0.5em 0 0;flex-wrap:nowrap} .checkout-page .actrequired {color: #333000} .checkout-page .actrequired:after {content: "*"; color: #ff3300} .checkout-page div.switch label {padding: 0 0.9375em; color: #333} .checkout-page div.switch label.not {color: #333} .set-pw > input.off {background-color: #ffffff} .set-pw > label.off {color: #c19455; font-style: italic} h3.checkout-heading {font-size: 1em; font-weight: normal; color: #959da6; border-bottom: solid 1px #c19455; padding: 0.25em 0} .checkout-page table.error {border: 1px solid #c19455} .checkout-page blockquote {border-left: 1px solid #ffffff; margin: 1.25em 0 0; padding: 0.5em 1em} .checkout-page .button-wrapper {display: inline-block} .checkout-page #InvoiceField input[type="text"], .checkout-page #DeliverField input[type="text"] {text-transform: capitalize} .checkout-page .postcode {text-transform: uppercase} .checkout-page .alert-box.alert {padding: 0.5em} .checkout-page .alert-box.alert .inner {background-color: #FFF; color:#454545;padding: 0.9375em} .checkout-page .alert-box.alert .inner .actrequiredcolor {color:#ff3300} label > input[type="text"] {margin-top: 0.5em} label.inline {display: inline; margin: 0 0.5em 0 0; padding: 0; font-weight: normal} .section-image {display: block;text-align: center} .section-desc {margin-bottom: 0.9375em} h3.section-name {text-align: center} h3.section-name > a {color: #959da6} .flex-grid { display:-webkit-box;display:-moz-box; display:-ms-flexbox;display: -webkit-flex !important;display: flex !important; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row; list-style: none;margin: 0 -0.5em} .flex-grid > li { width:20%;-webkit-box-flex: 0;-moz-box-flex: 0;-webkit-flex: 0 1 20%;-ms-flex: 0 1 20%;flex: 0 1 20%;  padding: 0 0.5em;margin-bottom:1em; display:-webkit-box;display:-moz-box; display:-ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; -webkit-box-pack: end;-moz-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end} .flex-grid .equal-box {height:100%} .small-flex-grid-1 > li, .small-flex-grid-1 > div {flex-basis:100%} .small-flex-grid-2 > li, .small-flex-grid-2 > div {flex-basis:50%} .small-flex-grid-3 > li, .small-flex-grid-3 > div {flex-basis:33.33%} @media only screen and (min-width: 640px) { .medium-flex-grid-1 > li, .medium-flex-grid-1 > div  {flex-basis:100%} .medium-flex-grid-2 > li, .medium-flex-grid-2 > div {flex-basis:50%} .medium-flex-grid-3 > li, .medium-flex-grid-3 > div {flex-basis:33.33%} .medium-flex-grid-4 > li, .medium-flex-grid-4 > div {flex-basis:25%} } @media only screen and (min-width: 1024px) { .large-flex-grid-1 > li, .large-flex-grid-1 > div {flex-basis:100%} .large-flex-grid-2 > li, .large-flex-grid-2 > div {flex-basis:50%} .large-flex-grid-3 > li, .large-flex-grid-3 > div {flex-basis:33.33%} .large-flex-grid-4 > li, .large-flex-grid-4 > div {flex-basis:25%} .large-flex-grid-5 > li, .large-flex-grid-5 > div {flex-basis:20%} } .section-page .product-list div.equal-box, .section-page .product-list div.multi, .search-result-item .equal-box {padding: 0.625em; position: relative; border: 3px double #ccc; background-color: #FFF; border-bottom: none; text-align: center} .search-result-item article > a {display: block; max-width: 100%} .section-page .product-list li div.cart-button-holder, .search-result-item span.cart-button-holder {padding: 0; margin-bottom: 0; display: block; width: 100%; text-align: center} .cart-button-holder .button, .search-result-item div.cart-button-holder > a {border: medium none; margin-bottom: 0; width: 100%} .section-page .product-list li div.cart-button-holder .button, .search-result-item span.cart-button-holder > a {font-size: 1em; color: #FFF; background-color: #959da6} .search-result-item span.cart-button-holder > a {width: 100%;border: none; display: block; padding-bottom: 0.75em; padding-top: 0.8125em} .section-page .product-list li div.cart-button-holder .button:hover, .search-result-item span.cart-button-holder > a:hover {background-color: #c4b091; color: #333000} .section-page .product-list .button.cart-button, .section-page .product-list button.cart-button {margin-bottom: 0; width: 100%; background-color: #c19455;border-color:#c19455} .section-page .product-list .button.cart-button:hover, .section-page .product-list button.cart-button:hover {background-color: #c19455; color: #FFF} .section-page .product-list li a.button.disabled {background-color: #c4b091; line-height: 20px; font-style: italic; color: #8A8A8A; opacity: 1; border: 1px solid #c4b091; margin-bottom: 0} .section-page .singleAddToCart .button {margin-bottom: 0.5em} .section-page .product-list input {margin-bottom: 0; display: inline-block; max-width: 50%} .section-page .product-list .quantity-box > label {margin-top: 0.5em} .section-page .stockholder {min-height: 20px} .section-page .product-list h3, .search-result-item .equal-box h3 {font-size: 0.9em; margin: 0.5em 0 0; text-align: center} .section-page .product-list h3 a, .search-result-item .equal-box h3 a {color: #454545} .section-page .product-list p.savings {font-size: 0.8em; margin: 0; text-align: center} ul.product-prices {list-style-type: none; margin: 0} .section-page .product-prices, .search-result-item .equal-box .product-prices {margin: 0; text-align: center; display: block} .section-page .product-prices .actxxsmall, .search-result-item .product-prices .actxxsmall {display: none} .section-page .product-prices .price-prefix {display:block} .product-price.corner {position: absolute; top: 0; right: 0;line-height: 2.5em; width: 40%; height: 2.5em; color: #FFF; text-shadow: 0px 0px 2px #BC161C; background-color: #78b53d; } .fragment-text {font-size: 0.9em} .fragment-list .left {padding-right: 1.875em} .fragment-list .right {padding-left: 1.875em} .frag-title {} .frag-text ul {padding-left:1em} .search-page fieldset {background-color: #eeeeee; position: relative} .search-page fieldset legend {background-color: #333000; border-radius: 20px; color: #FFFFFF; font-weight: bold; margin: 0 0 0 -0.5em; padding: 0.5em} .search-page label {font-size: inherit; display: inline-block; font-weight: bold; margin-bottom: 0.3em; color: #333000} .search-page .search-button {clear: both} .filter-heading {width: 100%; background-color: #959da6; margin: 0.9375em 0 0; color: #FFF; text-align: center; font-size: 1em; line-height: 45px; height: 45px} .filter-list {padding: 0.5em; display: none; background-color: #c4b091} .filter-list label {display: inline-block; margin-left: 4px} .filter-list h4 {border-bottom: 1px solid #959da6;clear: left;color: #959da6;font-size: 1em;padding: 0} .filter-by {} .filter-by > input {background: #8A8A8A; color: #c4b091; padding: 0.5em 0; font-size: 0.9em; width: 100%; text-decoration: none} .filter-list .clear-button {color: #666666; float: right; font-size: 0.8em; font-weight: normal; margin-top: 3px} .filter-list .clear-button:after {content: "X"; background-color: #959da6; color: #FFF;font-weight: bold;margin-left: 5px;padding: 0 4px} .filter-button {} .sidebar-filter-element > form {margin-bottom: 0} #switchFilters {cursor: pointer; display: inline-block; font-size: 32px; float: right; width: 45px; height: 45px; line-height: 45px; background-color: #c19455} #closeFilters {display: none;position: fixed;bottom:0;background-color: #002051; width: 100%; padding: 0.5em} #closeFilters button {margin-bottom: 0} .reveal-modal .product-prices {text-align: left} .reveal-modal p {margin: 0} .reveal-modal .ActinicRTS {color: #666; font-style: italic; font-size: 0.9em} .reveal-modal .button {margin-bottom: 0} .reveal-modal .prod-img {float: right; max-width: 100px; max-height: 100px} .reveal-modal .attribute-list {clear: both} .reveal-modal .attribute-names {display:none} .reveal-modal .close-reveal-modal {right: 0.5em} .section-page .reveal-modal .product-prices .price-prefix {display:inline} .resp-tabs-list li {background-color: #333000; border: 1px solid #333000; color: #FFF} .resp-tabs-list li.resp-tab-active {background-color: #959da6; border-color: #959da6; color: #FFF} .resp-tab-content {border-color: #959da6} #info-tabs {margin: 0.9375em 0} #media-box .resp-tabs-list {position: relative} #media-box .resp-tab-item {width: 25%; padding: 5px; text-align: center; border-top: none} #media-box .resp-tab-item.resp-tab-active {background-color: #FFF; margin: -1px 0 0; padding-top: 6px; border-top: none; border-bottom: 1px solid #959da6} #media-box .resp-tab-item > img {max-height: 100px} #media-box .resp-tab-content {position: relative} #media-box .hasthumb.resp-tab-content {} #media-box .MagicZoom {margin-bottom: 10px;text-align:center} #media-box .mz-thumb {display: block; padding: 0;margin-right:10px} #media-box .thumbstrip {display:flex;margin-bottom:10px} .OuterImage {width:250px;height:250px;margin-bottom:10px;background-image:url('selectwood.png');clear:both;background-repeat:no-repeat;background-position:center center;background-color:#190c00;} .InnerImage {position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;} .product-page h1 {font-size: 2em; margin: 0} p.quantity-box {margin: 1em 0 0} .quantity-box > input[type="number"] {display: inline-block; width: 65px; margin-bottom: 0;-webkit-transition: all 0.30s ease-in-out;  -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out} .quantity-box > input.glow {text-shadow: 0 1px 4px #E1551C, 0 -1px 4px #E1551C; color: #78b53d} .quantity-box button {display: inline;font-size: 0.875em; background-color: #333000; height: 32px; line-height: 18px; padding: 0.5em; width: 40px;vertical-align: top; margin-bottom: 0} .pmeta {font-size: 0.8em; color: #888;margin: 0} .product-buy {background: #FFF; padding: 1em} .product-buy form {margin-bottom: 0} .product-page .cart-button-holder {margin: 1.25em 0} .product-page .cart-button-holder .button {width:auto} .product-page .cart-button-holder .button {padding-left:3em;padding-right:3em} .product-page .cart-button-holder .button:hover {background-color: #c19455; color: #78b53d} p.savings {color: #959da6; font-size: 0.9em} .product-page .product-price li {text-align:left;font-size: 1.8em;line-height:1.2; color: #333000; margin: 1em 0} .product-price .actrequiredcolor {display: block; font-size: 0.5em; line-height: 1em} .product-price .pricecaption, .product-page .product-price li .price-prefix {font-size: 0.6em} .product-page .product-price .actxxsmall {color: #888888;display: block;font-size: 0.45em;font-weight: 400} .prod-ref {color: #888; font-size: 11px; text-transform: uppercase} .section-page .product-list li .product-page div.cart-button-holder {text-align:left} .attribute-list > label {font-size: 0.8em; margin-bottom: 0.5em} .attribute-list > label > input {margin-bottom: 0} .attribute-list > h5 {color: #333000; margin: 0.5em 0; font-size: 1em} .product-page .attribute-list {} .product-page .attribute-list select {padding:10px;border-radius:5px;width:auto} .product-page .attribute-list .attribute-holder {flex-shrink:0} .ActinicRTS i.fi-check {color: #39C645} .ActinicRTS i.fi-cross {color: #DF4A32} .product-page .tooltip {background-color: #c4b091; border: 1px solid black; color: #454545} .homepage .fragment-list ul article {text-align: center} .homepage .fragment-list ul article .frag-title {} .homepage .fragment-list ul article .frag-text {text-align:left} .homepage .fragment-list ul article a {color: #454545;display:block} .homepage .fragment-list ul article img.frag-img {width:100%;margin-bottom:0.5em} .homepage .fragment-list h2 {font-size: 1.6em;} .homepage .home-title {color:#c19455;text-align:center;margin:1em 0} .brochure .fragment-list {margin-bottom: 0.937em} .brochure .fragment {clear: both; margin-top: 0.937em} .brochure .fragment .left, .brochure .fragment .right, .brochure .fragment .none {padding: 0.9375em; background-color: #FFF} .fragment-list h2 {font-weight: 400} .fragment-list .left {margin-right: 0.9375em} .fragment-list .right {margin-left: 0.9375em} .key-sections .columns {text-align:center} .key-sections .frag-img {width:100%;margin-bottom: 1em} .key-sections .frag-title {color:#c19455;font-weight:400;text-transform:uppercase;font-size: 24px} .follow-buttons, .share-buttons { margin: 5px 0 0 0; vertical-align: top; padding: 0; height: 28px; } .follow-buttons { float: right; clear: right; } .header-area .follow-buttons  { margin: 10px 0 0 0; float: right; clear: right; } .follow-buttons { margin: 10px; } .social-badges { clear: left; text-align: center; } .header-area .social-badges { float: left; clear: none; }	 .social-badges img { border: none; } .twitter-follow-button, .twitter-share-button, .fb-like, .fb-send, a.pin-follow { float: left; vertical-align: top; margin: 0 4px 0 0; } .fb-share { float: left; vertical-align: top; margin: 0 0 0 -10px; padding: 0; } .fb-follow { float: left; vertical-align: top; margin: 0 10px 0 0; width: 56px; text-align: left; } .g-follow, .g-ytsubscribe { float: left; margin: 0 4px 0 0; } .footer-area .follow-buttons, .footer-area .social-badges { margin: 20px 0 0 0; text-align: center; } .pin-button {bottom: 1em;position: absolute} a.pin-button img { border: 0; } .embedded-map { margin: 20px 0; } .embedded-map iframe { border: 1px #333000 solid; } fieldset.quantity-box, fieldset.product-prompt { border: 0; } .sidebar .marketing-list-entry .product-info a:link { font-weight: normal; } .sidebar .product-list-text p.product-price { margin: 0; } @media only screen { } @media only screen and (max-width: 380px) { .toplinks li {font-size: 0.8em; padding: 0} .top-bar .toggle-topbar.menu-icon a > span {text-indent: -999px} .top-bar .cart-small {font-size: 0.8em} .checkout-page fieldset {padding: 1em 4px} .checkout-page fieldset.cart-grid td.cartprice, .checkout-page fieldset.cart-grid th {padding: 4px} .checkout-page fieldset.cart-grid td.cart {padding:4px 0} .checkout-page fieldset.cart-grid th.none {padding:0} .checkout-page fieldset fieldset {padding: 0.5em 0;border:none} .checkout-page fieldset legend {margin-left: 0.5em} .checkout-page .progress.success .meter {padding-right:2px} } @media only screen and (max-width: 639px) { .usp-wrap input.button.radius {border-radius:0} } @media only screen and (min-width: 640px) { .top-bar .icon-bar {height: 45px} .icon-bar.lose {display: none} .icon-bar i {text-shadow: none} #toggle-call, #toggle-search {display: none !important} .header {padding: 1em 0 0} .header .logo {text-align: left; width: 100%} .header .cart-summary {text-align: right; text-transform: uppercase; background: #eeeeee; border-radius: 10px; padding: 5px; position: relative} .header .cart-summary .bag {font-size: 20px; left: 0; margin-top: -15px; position: absolute; text-align: center; top: 50%; width: 50px} .header .cart-summary .bag > span {display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; color: #FFF} .header .cart-summary .bag.full > span {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);border-radius: 15px; color: #454545} .header .cart-summary a.check-link {display: block; background-color: #c19455; border-radius: 7px; padding: 5px; margin-top: 5px; text-align: center; margin-left: 60px; color: #FFF} .header .cart-summary a.cart-link:before {content: "\f07a";position:absolute;font-weight:400;line-height:1;top:10px;left:5px;font-family:"FontAwesome";font-size:48px;color:rgba(255, 255, 255, 0.8)} .header .cart-summary a.cart-link {font-size: 13px; color: #454545} .header .strapline br {display: inline} .header .straplines h3 {line-height: 1; margin-bottom: 0} .header .straplines h3 span {display: none} .header .straplines h4 {font-size: 1em} .contain-to-grid {} .top-bar {background-color: #959da6; height: 45px; padding: 0 0.9375em} .top-bar a.loading {color: #c19455; font-style: italic} .top-bar-section > ul {width:100%;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center} .top-bar-section > ul > li {float:none;display: flex; -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 45px; text-align: center} .top-bar-section > ul > li:hover, .top-bar-section ul li:hover > a, .top-bar-section > ul > li > a:hover {background-color: #333000} .top-bar-section > ul > li > a {background: #959da6;padding: 5px 10px 0} .top-bar-section > ul > li > a > img {display: none} .top-bar-section > ul > li > a > span {display: none} .top-bar-section li a {line-height: 1.4em; font-size: 0.9em} .top-bar-section .dropdown {top: 45px;min-width:300px} .top-bar-section .dropdown li {text-align:left} .top-bar-section .dropdown li a {background-color: #333000} .top-bar-section .dropdown li:hover a {background-color: #c19455} .top-bar-section > ul > li.has-mega > .content {visibility:hidden; opacity:0; transition:visibility 0s linear 0.4s,opacity 0.4s linear} .top-bar-section > ul > li.has-mega:hover > .content {visibility:visible; opacity:1; transition-delay:0s} .top-bar li.has-mega > a {position: relative} .top-bar-section > ul > li.has-mega > .content {z-index: 99999; background-color: #333000; width: 100%; border: 1px solid #333000; border-top: medium none; max-width: 1000px; margin: 0; padding: 0; left: 0; top: 45px; position: absolute} .no-touch .top-bar li.has-mega:hover > .content, .touch .top-bar li.has-mega.hovered > .content {display: block;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex} .top-bar-section .has-mega ul.level2 {display: block; width: 25%; position: relative} .top-bar-section .has-mega ul.level2 > li {float: none; min-height: 45px; text-align: left; padding-bottom: 0.5em; display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column} .top-bar-section .has-mega ul.level2 > li > a {padding: 0 10px;-webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center} .top-bar-section .has-mega ul.level2 > li > a:hover, .touch .top-bar-section .has-mega ul.level2 li.hovered a {background-color: #c19455} .top-bar-section .has-mega ul.level2 > li .level2-link a span {} .top-bar-section .has-mega div.level3 {display: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-content: flex-start; position: absolute; top: 0; left: 100%; background-color: #FFF; width: 300%; min-height: 100%; padding: 0;color: #454545} .top-bar-section .has-mega li:first-of-type > div.level3, .no-touch .top-bar-section .has-mega ul.level2 li:hover div.level3, .touch .top-bar-section .has-mega ul.level2 li.hovered div.level3 {display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex} .top-bar-section .has-mega .level3 a {color: #454545; padding: 0 10px} .top-bar-section .has-mega .level3 a:hover {background-color: transparent} .top-bar-section .has-mega .level3 aside {width: 33.33%;margin-bottom: 0.5em} .top-bar-section .has-mega .level3 > h4 {flex-basis: 100%;height: 45px; margin: 0} .top-bar-section li a.dropheading {display: block} .top-bar-section .has-mega .level4 {display: block}	 .top-bar-section .has-mega .level4 li {float: none;font-size: 0.9em} .top-bar button.close {display: none} .touch .top-bar button.close {display: block; border-radius: 15px; padding: 5px; position: absolute; right: 10px; top: 5px} .search {padding: 10px 0; margin: 0; text-align: left} .search input.button {display: inline-block; margin-top: 0; } .search input[type="search"] {display: inline-block; } .top-bar-section .sf_suggestion {width: auto; top: 35px} .filter-heading {line-height: inherit; height: auto; padding: 0.5em 0; background-color: #959da6; margin: 0} .filter-list {display: block} .filter-list input {margin-bottom: 0.5em} .filter-list label {} .section-page .product-list li div.cart-button-holder .button, .search-result-item span.cart-button-holder > a {font-size: 0.8em} .quantity-box > input[type="text"] {display: inline-block} .quantity-box > button {width: 30px} .cart-grid img.cartthumbnail {display: block; float: left; margin-right: 1em;	width: 50px; height: auto} .engage-box > div:first-child {margin-left: -0.9375em; padding-right: 0} .engage-box > div:last-child {margin-right: -0.9375em; padding-left: 0} .engage-box ul.links h4 {margin-bottom: 4px} .engage-box ul.links li {padding-left: 90px} .slideshow .slide-caption {padding: 1em} .slideshow .slide-caption a.arrow {position: absolute; right: 10px; bottom: 10px; font-size: 1em} .slideshow .slide-caption > h1, .slideshow .slide-caption > h2 {font-size: 1em} .slideshow .slide-caption > p {line-height: 1.1em} .header .social-badges {text-align:center;padding-top:3px} .header .social-badges > a > img {max-width: 40px; padding: 0} .conf-wrap {background:url('oak.jpg') right bottom repeat-y;border-bottom: 1px solid #c19455} .confidence p {text-align: center; line-height: 96px; font-size: 1em} .checkout-page .cart-grid .columns.ct-qty {margin-top: 0} .checkout-page .cart-buttons li, .checkout-page .cart-buttons li.chkout {flex-basis:20%} .checkout-page .cart-buttons li.chkout {order:5} .cart-grid .cartprice, .cart-grid .cart:last-child {vertical-align: text-bottom; line-height: 28px} .cart-grid .cartprice > span, .cart-grid .cart:last-child > span  {position: static} .OuterImage {width:200px;height:200px;background-size:cover} .attribute-list .attribute-holder {flex-basis:50%} } @media only screen and (min-width: 768px) { .quantity-box > button {width: 40px} .top-bar .search input[type="search"] {width: 130px} .product-page .prod-box {min-height: 360px} .section-page .product-list li div.cart-button-holder .button, .search-result-item span.cart-button-holder > a {font-size: 0.9em} .top-bar .name {display: inherit; height: 45px; width: 45px} .title-area .name a {padding: 0 3px} .title-area .name .icon-bar i {font-size: 24px} .header .social-badges > a {display: inline-block} .header .social-badges > a > img {max-width: 40px} .top-bar-section > ul > li > a > span {display: inline} } @media only screen and (min-width: 1024px) { .foot-wrap {background: url('background2.jpg') repeat-y;background-size:cover} body {font-size: 16px} .main-content {width: 100%} .header .columns {text-align: center} .header .straplines h3 {font-size: 1.7em} .header .straplines h3 span {display: inline} .top-bar .search input[type="search"] {width: 190px} .top-bar .name {text-align: left; width: auto} .title-area .name a {padding: 0 7px; font-size: inherit} .top-bar .name .fi-home {float: left; font-size: 24px; margin-right: 7px} .title-area .name span.barlabel {display: inline-block; text-transform: none; line-height: 45px} .top-bar a span.hide-for-medium {display: inline !important} .quantity-box > input[type="text"] { display: inline-block}	 .quantity-box > button {padding: 0 1.5em; width: 40px} .slideshow .slide-caption {font-size: 1.5em} .slideshow .slide-caption > p {line-height: 1.6em; font-size: 1em} .slideshow .slide-caption > h1, .slideshow .slide-caption > h2 {font-size: 1.5em} .slideshow .slide-caption a.arrow {font-size: 1.2em} .search-result-item article > a {min-height: 150px} .engage-box ul.links h4 {font-size: 1.5em; margin-bottom: inherit} .engage-box ul.links li {padding-left: 100px} .section-page .product-list li div.cart-button-holder .button, .search-result-item span.cart-button-holder > a {font-size: 1em} .usp-wrap label.prefix, .usp-wrap label.postfix {line-height:2.5em} .OuterImage {float:right} .product-page .attribute-list {max-width:50%} .product-page .attribute-list select {width:90%} } /* Used to alter styles for screens at least 1280px wide. */ @media only screen and (min-width: 1280px) { .row, .contain-to-grid .top-bar {max-width:78.5em} .OuterImage {width:250px;height:250px} .top-bar-section > ul > li.show-home {display:flex} } /* Used to alter styles for screens at least 1440px wide. */ @media only screen and (min-width: 1600px) { .row, .contain-to-grid .top-bar {max-width:90.5em} }