/* Styles for Contempo Placement and Positioning (Colours and Appearance are Below) ----------------------------------- */ body { padding: 0; margin: 0; border: 0; } h1 { margin: 0; padding: 0.5em 0 1em; } h2 { margin: 0; padding: 0.75em 0 0.5em; } h3, h4, p { margin: 0; padding: 0 0 0.5em; } /* --- key default styles ---*/ .hide-lg, .hide-md, .hide-sm { display: block; } .show-lg, .show-md, .show-sm { display: none; } .central-area { max-width: 1200px; margin: 0 auto; } .contains-floating-group:after { content: ""; display: table; clear: both; } .full-width { clear: both; width: auto; float: none; } /* ---- buttons ---- */ .button { float: left;  } /* ---- default list styles ---- */ ul.horiz-list, ul.grid-list, ul.text-list { padding:0; margin: 0; list-style: none; } ul.horiz-list li { display: inline; } ul.horiz-list li a { display: block; float: left; } ul.text-list li a { padding: 10px; display: block; } ul.grid-list { width: 100%; display: -webkit-flex; display: flex; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } li.grid-item { min-width: 200px; -webkit-flex: 1 1 220px;  flex: 0 1 220px; max-width: 25%; margin: 5px; box-sizing: border-box; } ul.fragment-list li.grid-item { max-width: 280px; min-width: 280px; text-align: center; border: dotted 1px #ccc; margin: 5px; }  /* ---- mobile-nav ---- */ .mobile-nav { position: fixed; top: 0; left: 0; width: 100%; height: 40px; } .mobile-nav ul { padding: 0; margin: 0; list-style: none; } .mobile-nav li { display: block; float: left; } .mobile-nav li a { display: block; float: left; height: 40px; } li.mobile-cart, li.mobile-checkout { float: right; } li.mobile-cart a { margin: 3px; height: 34px; line-height: 34px; } li.mobile-checkout a { margin: 3px; height: 34px; } /* --- header area --- */ .top-menu { height: 1.5em; float: right; margin-top: 1em; } .top-menu a { padding: 0 10px; line-height: 1.5em; border-left: dotted 1px #c489b7; } .top-menu li:first-child a { border-left: 0; } .logo-area { width: 180px; /*height: 180px;*/ float: left; margin-top: 10px; } .logo-image { } .customer-service-image { float: right; } .shopping-cart-summary { float: right; clear: right; width: 200px; height: 36px; margin: 10px 0; } .shopping-cart-summary a { display: block; float: right; } .search-bar-area { float: right; clear: right; width: 400px; height: 40px; margin: 0 0 20px 0; } .search-bar-area .search-icon { float: right; margin: 3px 5px 0 0; } .search-bar-area input[type="text"] { float: left width: 245px; padding: 0 5px; height: 38px; line-height: 38px; margin-left: 15px; } /* --- bulk-area and sidebars --- */ .bulk-area { padding: 2em 0; } .central-column { width: 960px; margin: 0 auto; } .left-area { float: left; width: 950px; } .sidebar { width: 230px; margin-bottom: 20px; } .content-area .sidebar { width: auto; margin: 10px 0; } .left-sidebar { float: left; } .right-sidebar { float: right; width: 200px; } .content-area { } .sidebar-item { margin-bottom: 20px; } /* --- breadcrumb --- */ ul.breadcrumb { padding: 0.5em 0 1em 0; } ul.breadcrumb li.you-are-here { display: block; float: left; margin-right: 10px; } ul.breadcrumb li a { padding-right: 15px; margin-right: 10px; } /* --- product summary grid --- */ .product-summary { padding: 0 10px; position: relative; } .product-summary-image-holder { height: auto; } .product-summary img { } .feefoproductlogo img { width: auto !important; } .promotion-list .product-summary { width: auto; height: auto; } .promotion-list .product-summary-image-holder { height: auto; } /* .promotion-list .product-summary img { width: 135px; } */ .promotion-list .product-summary h3 { padding: 10px 0; } .promotion-list .product-summary .feefo-image { float: none; margin: 0; } /* --- filter-tools --- */ .filter-tools { padding: 0 1em; } .filter-tools h4 { margin-top: 1em; } /* --- Contempo product details --- */ .product-details { float: none; width: 100%; clear: both; } .product-details h1 { border-bottom: solid 1px #ddd; padding-bottom: 0.5em; margin-bottom: 0.5em; color: #c489b7; } .product-details .feefo-image { } .product-details-image { width: 360px; margin: 0 0 20px 0; text-align: center; } .product-image-left .product-details-image { float: left; } .product-image-right .product-details-image { float: right; } .product-details-text { width: 570px; margin: 0 0 20px 0; } .product-image-left .product-details-text { float: right; } .product-image-right .product-details-text { float: left; } .product-details-actions { margin-bottom: 2em; } .product-options { margin-bottom: 2em; } .product-options label { font-weight: bold; } .product-options ul { list-style: none; padding: 1em 0; margin: 0; } .radio-button { padding: 0.75em 0 0 0; } .product-details-price { margin-bottom: 1em; } .product-quantity { float: left; width: 40%; } .product-quantity label { font-weight: bold; } .product-quantity input { width: 30px; } .stock-message { float: left; padding: 0.75em 0 0 1em; font-weight: bold; } .product-description { clear: both; float: none; margin: 1em 0; } .diff { margin-top: 1em; } .diff img { float: left; margin: 0 20px 0 10px; } .diff-text { display: block; float: left; margin: 0.5em 0; max-width: 255px; } .attribute-widget { float: left; margin: 0 10px 10px 0; } .attribute-widget select { width: 200px; } .icons img { float: left; margin: 0 5px 20px 0; } /* --- footer area --- */ .footer-area  { padding: 20px 10px; } .footer-area ul.bulleted-list { float: left; /**width: 230px;*/ width: 23.75%; margin: 0; margin: 0 1em 1em 0; padding: 0; list-style: none; } .footer-right { float: right; text-align: right; } .social-icons, .payment-icons { padding: 0 0 0.5em 0; } /* --- home page --- */ .home-left { width: 280px; float: left; } .home-right { float: right; } .slideshow { width: 100%; max-width: 890px; max-height: 280px; margin-bottom: 15px; } .home-promo-grid { float: left; max-width: 890px; } .home-promo { width: 280px !important; height: 280px !important; float: left; margin: 0 15px 15px 0; position: relative; background-repeat: no-repeat !important; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .home-promo a { display: block !important; width: 280px !important; height: 280px !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; line-height: 1.4em !important; position: absolute; top: 0; left: 0; z-index: auto !important; } .home-promo-label { height: 30px !important; margin: 240px 0 0 0 !important;  padding: 8px 10px 2px !important; float: none !important; width: auto !important; } /* --- cart and checkout --- */ .shopping-cart-grid { width: 100%; border-collapse: collapse; margin-bottom: 1em; } .mobileHeader { display: none; } .shopping-cart-grid td, .shopping-cart-grid th { padding: 0.25em; } .shopping-cart-items td { padding: 0.25em 0; } .shopping-cart-items input { width: 40px; } .floatLeft { float: left; } .floatRight { float: right; } .cartthumbnail { float: left; clear: left; } .cartText { display: block; } .floated-button-right { float: right; margin-bottom: 0.5em; } .floated-button-left { float: left; margin-right: 1em; margin-bottom: 0.5em; } table.checkout { width: 100%; border-collapse: collapse; margin-bottom: 1em; } table.checkout td { padding: 0.25em; } .checkout-field-label { width: 40%; } table.checkout th, table.checkout td.address-table-heading { text-align: left; padding: 0.25em; } table.checkout th.change { text-align: right; } .checkout-buttons { margin: 1em 0; } table.checkout input, table.checkout select { max-width: 70%; } /* --- search --- */ .sort_by { padding: 5px; text-align: right; } /* --- terms and conditions --- */ .terms-and-conds { margin: 2em; } .terms-and-conds h3 { margin-top: 2em; } /* ---- contact form ---- */ .contact-field { margin: 1em 0; } .contact-field input,  .contact-field textarea { width: 500px; } fieldset { border: 0; padding: 0; margin: 0; }  /* Styles for Colours and Appearance --------------------------------------- */ html, body { font-size: 100%; } body { background: #fff; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.4em; color: #444; } h1 { font-size: 1.8em; line-height: 1.2em; color: #c489b7; } h2, h3, h4 { font-size: 1.1em; line-height: 1.5em; } a { color: #009fe3; text-decoration: none; } a img { border: none; } a:hover { text-decoration: underline; } /* ---- buttons ---- */ .button { height: 38px; padding: 0 15px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 1.2em; background: #777; color: #fff; cursor: pointer; float: left; border: solid 1px #aaa;  -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 4px 0px rgba(170,170,170,1); -moz-box-shadow: 2px 2px 4px 0px rgba(170,170,170,1); box-shadow: 2px 2px 4px 0px rgba(170,170,170,1); } a.button { display: block; } .button:hover { background: #c489b7; border: solid 1px #c489b7; color: white; text-decoration: none; } .green-button { background: #a0c680; } .cart-button { padding: 0 2em 0 0.5em; text-align: right; background: #4CAF50 /*#c489b7*/ url('cart-button-icon.png') 20px 3px no-repeat; border: solid 1px /*#c489b7*/#4CAF50; width: 200px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 1.4em; } .cart-button:hover { background: #009fe3 url('cart-button-icon.png') 20px 3px no-repeat; border: solid 1px #009fe3; } .small-button { height: 25px; padding: 0 5px; font-size: 1em; color: #fff; float: none; -webkit-border-radius: 3px; border-radius: 3px; } /* ---- input fields ---- */ input[type="text"], input[type="number"], input[type="password"], select { padding: 10px; border: solid 1px #dddddd; box-shadow: inset 1px 1px 2px 0 #707070; transition: box-shadow 0.3s; font-family: Roboto, Arial, Helvetica, sans-serif; } input[type="text"]:focus, input[type="text"].focus, input[type="number"]:focus, input[type="number"].focus { box-shadow: inset 1px 1px 2px 0 #c9c9c9; } /* ---- mobile-nav ---- */ .mobile-nav { background: #c489b7; } li.mobile-nav-button { background: #009fe3; } li.mobile-cart a { background: #009fe3 url('cart-button-icon.png') 5px 3px no-repeat; color: white; padding: 0 10px 0 50px; } li.mobile-checkout a { background: #009fe3; } /* --- top bar --- */ .top-bar { background: #c489b7; } .top-bar ul li a { color: white; text-transform: uppercase; font-size: 15px; } .top-bar ul li a:hover { text-decoration: none; background: #666; } /* ---- header area ---- */ .shopping-cart-summary a { line-height: 36px; font-weight: bold; text-transform: uppercase; background: url('basket-icon-top.png') right no-repeat; padding-right: 41px; color: #c489b7; } .search-bar-area { background: #fff; border: solid 1px #c489b7; -webkit-border-radius: 20px; border-radius: 20px; } .search-bar-area .search-button { } .search-bar-area input[type="text"] { border: solid 1px #fff; box-shadow: none; transition: none; -webkit-border-radius: 0px; border-radius: 0px; } .search-bar-area input[type="text"]:focus, .search-bar-area input[type="text"].focus { box-shadow: none; } /* --- bulk-area and sidebars --- */ .left-sidebar h3 { color: #c489b7; border-bottom: solid 1px #c489b7; } .left-sidebar ul { margin: 0 0 20px; } .left-sidebar ul.text-list li a { border: 0; } .left-sidebar ul.text-list li a:hover { background: #c489b7; color: white; } .sidebar-item h3 { padding: 10px; } ul.text-list li { border-bottom: dotted 1px #c489b7; } ul.text-list li a { background: #fff; font-weight: 600; } ul.text-list li a:hover { text-decoration: none; background: #dddddd; } .right-sidebar { } .right-sidebar h3 { font-size: 1em; color: #444; } /* --- filter-tools --- */ .filter-tools { } /* --- breadcrumb --- */ ul.breadcrumb li a { background: url('breadcrumb-arrow.png') right no-repeat;  font-weight: bold; } /* --- product details --- */ .magic-zoom img { border: solid 1px #ddd; } .product-details-actions { padding: 1em 0; } .diff { border: solid 1px #ddd; } /* --- footer area --- */ .footer-area { background: #c489b7; } .footer-area h3, .footer-area li, .footer-area p, .footer-area a { color: #ffffff; } /* --- home page --- */ .home-news { border: solid 3px #c489b7; border-radius: 25px; margin-bottom: 20px; } .home-news h1 { margin: 15px 15px 0; color: #009fe3; font-weight: normal; } .home-news-content, .home-news-image { margin: 0 15px 15px; } .home-promo a { color: white !important; } .home-promo a:hover { color: white !important; background: none !important; text-decoration: none; } .home-promo-label { background: #c489b7 !important; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .home-promo a:hover .home-promo-label { background: #009fe3 !important; } /* --- cart and checkout --- */ td.cart { border-bottom: solid 1px #009fe3; } .shopping-cart-grid th, td.total-cell, tr.ShowAlways { background: #c489b7; color: white; } .shopping-cart-grid th a { color: white; } table.checkout th, table.checkout td.address-table-heading { background: #c489b7; color: white; font-weight: bold; } table.checkout tr { border-bottom: solid 1px #009fe3;  } /* --- search --- */ .sort_by { color: white; background: #c489b7; } .actrequired { color: #cc0000; } /* ----------------------- Styles for 'Customisable Product Details' ------------------------------ */ .cust-product-wrapper { clear: both; border-bottom: dotted 1px #009fe3; padding-bottom: 1em; margin-bottom: 1em; } .cust-product-details { width: 50%; margin-bottom: 1em; } .cust-product-image { width: 45%; margin-bottom: 1em; font-size: 1.35em; } .cust-left { float: left; } .cust-right { float: right; } .cust-product-image img { max-width: 100% !important; } .product-details .cust-right img, .cust-right img { float: right; } .top-spec-wrapper { width: auto; overflow: auto; margin-bottom: 1em; font-size: 1.35em; } .top-spec-label { float: left; width: 100px; clear: left; font-weight: bold; } .top-spec-value { float: left; } .cust-main-price { /*padding-bottom: 1em;*/ color: #009fe3; font-weight: bold; /*font-size: 1.35em;*/ font-size: 1.85em; } .cust-stock-message { padding-bottom: 1em; line-height: 1.5em; font-size: 1.35em; } .cust-product-description { clear: both; padding: 1em 0; } .cust-cart-button { font-size: 1.35em; line-height: 1.7em; padding-top: 1em; clear: both; } .description-text { font-size: 1.35em; } /* styles for Minimal Product Summary */ .mini-product-summary { width: 200px; margin: 0 3px 13px; float: left; position: relative; text-align: center; } .mini-product-summary-image { width: 200px; height: 200px; margin-bottom: 1em; overflow: hidden; text-align: center; } .mini-product-summary-image img { max-width: 200px; max-height: 200px; } .mini-product-summary h3 { margin: 0 !important; line-height: 1.3em;  text-align: center; } .mini-product-summary-price { /* chd */ position: absolute; top: 120px; right: 0; background: #009fe3; color: white; font-weight: bold; padding: 0.5em; } .mini-product-summary-link { margin: 1em 0; } .mini-product-summary-link a { display: block; background: #009fe3; line-height: 1.5em; color: #ffffff !important; font-weight: bold; text-align: center; } .mini-product-summary-link a:hover { background: #c489b7; text-decoration: none; color: #ffffff; } /* --- fragment image --- */ img.fragment-image { width: auto; max-width: 100%; } /* ---- tabs ---- */ .tab-area { clear: both; padding-top: 3em; } ul.tabs { padding: 0; margin: 0; list-style: none; height: 40px; } ul.tabs li { display: inline;	 } ul.tabs li a { display: block; margin-right: 3px; color: #717271; float: left; line-height: 29px; border: solid 1px #ccc; padding: 5px 10px; background: #f6f6f6; font-weight: bold; border-bottom: 0; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } ul.tabs li a.selected { line-height: 30px; background: #fff; border-bottom: solid 1px #fff; } ul.tabs li a:hover { background: #fff; text-decoration: none; } .tab-contents-here { border: solid 1px #ccc; padding: 15px; } .tabcontent{ display: none; } .tabcontent p { padding: 0 0 15px 0; } .tabcontent li { padding: 0; margin-left: 1em; } .tabcontent table { float: none; } /* Salesforce form wizard */ input[type="email"], input[type="date"], select { padding: 10px; border: solid 1px #dddddd; box-shadow: inset 1px 1px 2px 0 #707070; transition: box-shadow 0.3s; font-family: Roboto, Arial, Helvetica, sans-serif; } #wizard label{ padding: 0; margin:5px 0; display: block; } #wizard .inline{ display: inline; padding-left: 5px; } #wizard h1{ padding-bottom: 10px; border-bottom: 1px solid #c489b7; color: #c489b7; } #wizard h3{ padding-bottom: 5px; color: #c489b7; } #wizard .navigation ul{ padding: 0; } #wizard .navigation button{ padding: 7px 10px; margin-right: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0; background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top, #f1f1f1 0%, #dddddd 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f1f1f1 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f1f1f1 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ color:#666; } #wizard .navigation button:disabled{ display: none; } #wizard .navigation li{ display: inline; list-style: none; } #wizard div { padding: 5px 0; } #wizard .cust-left { float: left; } #wizard .clear { clear: both; } #wizard .info { color:#aaa; font-size: 12px; } #wizard .highlight { background: #ffffdf; } #wizard .normal { background: #ffffff; } #wizard .terms{ width: 300px; } #wizard #LastName{ margin-left: 20px; } @media print { .tabcontent { display:block !important; } } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Added Newly 2018 */ .logoimage{ width:80%; max-width:177px; } .feefologoheader{ float:left; text-align:center; margin-top:53px; margin-left:400px; } .socialicons{ height:30px; width:30px; } .paymentmethodimages{ height:20px; background-color:#FFFFFF; padding:5px; } .footer-area ul.bulleted-list li ,.footer-area ul.bulleted-list li a { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; } .footer-area ul.bulleted-list li a:hover { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; } .footer-area ul.bulleted-list li h3 { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; } .copyrightblock{ width:98%; background-color:#FFFFFF; padding-left:5px; height:30px; font-size:16px; font-family: "Open Sans", Arial, Helvetica, sans-serif; padding-top:10px; } .productsection{ border:solid 1px #e0dfdf; border-radius:5px; padding:10px 15px 15px; margin-bottom:5px; } .productnamediv{ color:#c489b7; font-size:1.8em; line-height:1.2em; font-weight:700; } .footer-area .central-area.contains-floating-group{ display: flex; flex-wrap: wrap; } /* ---------------------- RESPONSIVE STYLES ---------------------------------- */ @media screen and (max-width: 1200px) { .hide-lg { display: none; } .show-lg { display: block; } .central-area { max-width: 960px; } .logo-area { width: 580px; } .search-bar-area { width: 302px; } .search-bar-area input[type="text"] { width: 170px; } .section-banner-image img { max-width: 100%; } .include-left-sidebar { width: 700px; } .product-details .left-area, .product-details .sidebar, .product-details .left-sidebar, .home-left, .home-right { float: none; width: 100%; clear: both; } .slideshow { float: none; } .home-promo-grid  { width: auto; max-width: 890px; } .product-details-text { width: 340px; } .right-sidebar { float: none; width: auto; margin: 0; } .footer-area ul.bulleted-list { float: left; /**width: 230px;*/ width: 23.5%; margin: 0; margin: 0 1em 1em 0; padding: 0; list-style: none; } } @media screen and (max-width: 960px) { .logo-area { float: none; width: auto; text-align: center; clear: both; margin-bottom: 0; } .shopping-cart-summary { float: left; width: 300px; margin: 20px 0; clear: left; } .shopping-cart-summary a { float: left; } .search-bar-area { margin: 20px 0; } .central-area { max-width: 700px; } li.grid-item { max-width: 33%; } .central-column { width: auto; margin: 0; } .left-area, .left-sidebar, .right-sidebar, .content-area { float: none; width: auto; margin: 0; } .content-area { width: 700px; margin: auto; margin-bottom: 20px; } .product-quantity { float: none; width: 100%; margin-bottom: 1em; } /* Newly Added July 2018 */ .feefologoheader{ display:none; float:left; /*text-align:center;*/ margin-top:12px; margin-left:-108px; /*margin-bottom:5px;*/ } .footer-area ul.bulleted-list { float: left; /**width: 230px;*/ /*width: 23.75%;*/ width: 47%; margin: 0; margin: 0 1em 1em 0; padding: 0; list-style: none; } } @media screen and (max-width: 700px) { .hide-md { display: none; } .show-md { display: block; } .central-area { max-width: auto; margin-left: 20px; margin-right: 20px; } .top-menu { display: none; } .main-menu-bar { max-width: auto; margin-left: 20px; margin-right: 20px; } .main-menu-bar > .central-area{ max-width: auto; margin: 0; } li.grid-item { max-width: 100%; } .logo-area { height: auto; margin-top: 50px; } .logo-image { clear: both; float: none; height: auto; } .logo-image img { width: auto; height: 150px; max-width: 100%; } .search-bar-area { float: none; clear: both; margin: 0 auto 1em auto; } .content-area { width: auto; } .product-details-text, .product-details-image { float: none !important; clear: both; margin-bottom: 1em; width: auto; } .widget { /* tabber */ margin-right: 0; } .product-details-actions { height: auto; margin-top: 1em; } .product-summary { width: auto; height: auto;    } .contact-field input,  .contact-field textarea { width: auto; } } @media screen and (max-width: 480px) { .hide-sm { display: none; } .show-sm { display: block; } .top-bar ul li a { width: 20px;  overflow: hidden; } .search-bar-area { width: 280px; } .search-bar-area input[type="text"] { width: 145px; } .product-details-text .magic-zoom img { max-width: 100%;  } .diff-text, .home-diffs .diff-text { max-width: 50%; } .shopping-cart-items td { float: left; text-align: left !important; width: 100% !important; } table.checkout td, table.checkout th { float: left; width: 100%; box-sizing: border-box; } table.checkout td.address-table-heading { width: 50%; } table.checkout td.InvoiceField, table.checkout td.DeliverField { width: 50%; } table.checkout td.InvoiceField input[type="text"], table.checkout td.DeliverField input[type="text"] { padding: 10px 3px; width: auto !important; max-width: 100%; } .cust-left, .cust-right, .cust-product-details, .cust-product-image { width: auto; float: none; margin-bottom: 1em; } .cust-right img { float: none; } .home-page-feed { width: auto; float: none; margin: 0 0 10px; } /* Newly Added July 2018 */ .feefologoheader{ display:none; float:left; text-align:center; margin-top:5px; margin-left:120px; margin-bottom:5px; } .footer-area ul.bulleted-list { float: left; /**width: 230px;*/ /*width: 23.75%;*/ width: 80%; margin: 0; margin: 0 1em 1em 0; padding: 0; list-style: none; } } /* Newly Added July 2018 */ @media screen and (max-width: 414px) { .feefologoheader{ display:none; float:left; text-align:center; margin-top:5px; margin-left:84px; margin-bottom:5px; } .footer-area ul.bulleted-list { float: left; /**width: 230px;*/ /*width: 23.75%;*/ width: 80%; margin: 0; margin: 0 1em 1em 0; padding: 0; list-style: none; } } /* Newly Added July 2018 */ /*@media screen and (max-width: 375px) and (max-width: 384px) {*/ @media screen and (max-width: 384px) { .feefologoheader{ display:none; float:left; text-align:center; margin-top:5px; margin-left:70px; margin-bottom:5px; } .footer-area ul.bulleted-list { float: left; /**width: 230px;*/ /*width: 23.75%;*/ width: 80%; margin: 0; margin: 0 1em 1em 0; padding: 0; list-style: none; } } @media screen and (max-width: 375px) { .feefologoheader{ display:none; float:left; text-align:center; margin-top:5px; margin-left:60px; margin-bottom:5px; } .footer-area ul.bulleted-list { float: left; /**width: 230px;*/ /*width: 23.75%;*/ width: 80%; margin: 0; margin: 0 1em 1em 0; padding: 0; list-style: none; } } @media screen and (max-width: 320px) { .search-bar-area input[type="text"] { float: left; width: 148px; } /* Newly Added July 2018 */ .feefologoheader{ display:none; float:left; text-align:center; margin-top:5px; margin-left:42px; margin-bottom:5px; } .footer-area ul.bulleted-list { float: left; /**width: 230px;*/ /*width: 23.75%;*/ width: 80%; margin: 0; margin: 0 1em 1em 0; padding: 0; list-style: none; } } /* Recently Viewed Products List Style ------------------------------------ */ option:disabled { color: #dddddd; } /* ---- mega menu ---- */ .main-menu-bar { height: 41px; background: #c489b7; } .miniNav { display: none; } #mega-menu { z-index:999999; position: relative; } #mega-menu ul { width: 100%; margin: 0; padding: 0; position: relative; /*position: absolute;*/ z-index: 1; list-style: none; border-left: dotted 1px #ffffff; height: 41px; } #mega-menu ul li { float:left;  width:auto; height:auto; margin:0; padding:0; } #mega-menu ul li a { color: #ffffff; font-weight: 700; line-height: 40px; border-right: dotted 1px #ffffff; border-bottom:  dotted 1px #ffffff; padding:0 10px; display: block; } #mega-menu ul li a.sel { background: #009fe3; color: #ffffff; } #mega-menu ul li a:hover { text-decoration: none; background: #009fe3; color: #ffffff; } #mega-menu ul li div { display: none; width: 100%; position: absolute; left: 0 !important; background: #ffffff; z-index: 9999999999; border: solid 1px #009fe3; } #mega-menu ul li div div { display: block; position: relative; border: 0; float: left; width: 30%; margin: 0.5em; } #mega-menu ul li ul { float: none; width: auto; height: auto; } #mega-menu ul li ul li { float:none;  } #mega-menu ul li ul li a { color: #009fe3; font-weight: normal; border: 0; line-height: 1.4em; margin-right: 0; padding: 5px; } #mega-menu ul li ul li a:hover { background: #009fe3; color: #ffffff; } @media screen and (max-width: 960px) { .main-menu-bar { height: auto; background: none; border: none; box-shadow: none; } .menuHide { display:none; } .menuShow { display:block; } .miniNav { display: block; width:100%; } .miniNav a.menu-toggle { display: block; width:100%; background: url('burger.png') right no-repeat; } .miniNav > div.mainNav, .miniNav > div.productFiltersTitle { font-weight:bold; color: #ffffff; background: #c489b7; line-height: 41px; font-size: 1.2em; padding: 0 1%; box-sizing: border-box; } .miniNav > div > a { color: #fff; } .miniNav > div > a:hover { text-decoration:none; } #mega-menu ul { display:block; width:100%; height:auto; overflow: hidden; border: 0; } #mega-menu ul li { height:auto !important; float: none; border-bottom: solid 1px #fff; float: none;  background: #c489b7; } #mega-menu ul li:last-child { border-bottom:none; } #mega-menu ul li a { width: 96%; margin: 0; padding: 0 2%; color: #fff; border: 0; } #mega-menu ul li div { position:relative; display:none; } #mega-menu ul li div div { width: auto; float: none; }   #mega-menu ul li div div ul li { background: white; }  #mega-menu ul li ul { width:100%; position:relative; top:0; } #mega-menu ul li ul li, #mega-menu ul li ul li a, div[id^="tc"] { width:100%; border-bottom:none; } #productFiltersLeft { background: #c489b7; } } /* 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: #ffffff; } /* start auto suggestion list */ .sf_suggestion { position: absolute; line-height: 15px; z-index: 2147483637; } .sf_suggestion ul { margin: 1px; padding: 0px; background: #ffffff;  border: 1px solid rgb(51, 51, 51); top: 0; left: 0; } .sf_suggestion li{ margin: 0px; padding: 0px; list-style: none; } .sf_suggestion li a { display: block; text-indent: 5px; text-align: left; padding: 5px; text-decoration: none; } .sf_suggestion li.selected a { background: #cccccc; color: #000000; font-weight: normal; } .sf_suggestion 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 */ #FilterResultElements { width: 100%; } .clear-button { padding: 0 5px; font-family:  "Open Sans", Verdana, sans-serif;; font-size: 1em; background: #aaa; color: #fff; cursor: pointer; float: right;  border: solid 1px #444; font-weight: 700;    -webkit-appearance: none; -webkit-border-radius: 0; font-size: 0.75em; } .clear-button:hover { background: #6c89c5; color: white; text-decoration: none; } .std-product-details { float: left; height: 300px; margin: 0.3em; } .share-buttons { width: 100%; } .share-buttons div { float: left; margin-right: 5px; } .cartthumbnail { width: 100px; } div[data-bv-show=inline_rating] { display: inline-block; margin: auto; } .productsection [data-bv-show="rating_summary"] svg, .productsection [data-bv-show="rating_summary"] polygon, .productsection [data-bv-show="rating_summary"] path{ cursor: pointer !important; } @media (min-width: 768px) and (max-width: 1200px){ #BVRRContainer .bv-cv2-cleanslate .bv-core-container-38 .bv-inline-histogram{ width: 100%!important; vertical-align: top!important; display: block !important; } #BVRRContainer .bv-cv2-cleanslate .bv-core-container-38 .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary { width: 100%!important; vertical-align: top!important; display: block !important; } } @media (max-width: 1200px){ #BVRRContainer .bv-cv2-cleanslate .bv-core-container-33 .bv-section-summary .bv-section-summary-block, .bv-cv2-cleanslate .bv-core-container-33 .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary { width: 100%!important; display: block!important; zoom: 1!important; margin: 0!important; position: relative!important; vertical-align: top!important; overflow: hidden!important; } }