@charset "utf-8"; /* CSS Document Colours: pink: f0027f blue: 00a0c6 dark blue: 3b7583 grey: 505050 light grey: c3c3c3 */ @font-face {font-family: 'serpentinebolditalic';src: url('../fonts/serpentine_bolditalic-webfont.eot'); src: url('../fonts/serpentine_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/serpentine_bolditalic-webfont.woff2') format('woff2'),url('../fonts/serpentine_bolditalic-webfont.woff') format('woff'),url('../fonts/serpentine_bolditalic-webfont.ttf') format('truetype'),url('../fonts/serpentine_bolditalic-webfont.svg#exoextrabolditalic') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'exoextrabolditalic';src: url('../fonts/exo-extrabolditalic-webfont.eot');src: url('../fonts/exo-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/exo-extrabolditalic-webfont.woff2') format('woff2'),url('../fonts/exo-extrabolditalic-webfont.woff') format('woff'),url('../fonts/exo-extrabolditalic-webfont.ttf') format('truetype'),url('../fonts/exo-extrabolditalic-webfont.svg#exoextrabolditalic') format('svg'); font-weight: normal;font-style: normal;} html {-ms-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} body,td,th {font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #505050;} body {Width:100%;Height:100%;background:#FFFFFF;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow-x:hidden;} p, div, ul, li, a, img, h1, h2, h3, h4, span { margin:0; padding:0; list-style:none;} H1 { margin:0; padding:0; color:#505050; font-size:28px; margin-bottom: 10px;} H2 { margin:5px 0 5px 0; padding:0; font-size:16px;} H3 { margin:10px 0 5px 0; padding:0; color:#505050; font-size:20px;} H4 { margin:0 0 20px 0; padding:0; padding:0; color:#505050; font-size:20px;} img { display:block;} hr { border: 0; height: 1px; background: #c3c3c3;} .left { float:left;} .right { float:right;} .center { text-align:center;} .center2 { margin-left:auto;margin-right:auto;} p { margin:0; padding:0; text-align:center;} :focus { outline: 0;} .clear { clear:both;} .none { display:none;} .red { color:#FF0000;} .picture_middle {vertical-align: middle;} .wrapper { width:1000px; margin:auto;} .width_wrapper { max-width:1000px; margin:0 auto;} /* ~~ Link properties ~~*/ a:link { color: #505050;} a:visited { color: #505050;} a:hover { color: #000000;} a:active { color: #505050;} .right-col a {text-decoration: none; padding:0; margin:0; outline: none; color: #003366;} .right-col a:hover {text-decoration: none; color: #3366CC;} .hover2:hover {background: #f0f0f0 none repeat scroll 0 0;} .header { width:100%; height:100px; border-bottom: 1px solid #c3c3c3; background:#F0F0F0;} .header2 { width:100%; height:70px; border-bottom: 1px solid #c3c3c3; background:#F0F0F0;} .logo { background:url('../image/logo.png') no-repeat; display:block; background-size:59px; height:59px; font-family: 'serpentinebolditalic'; padding-left:70px; margin-top:10px; float:left;} .logo a { text-decoration:none; color:#000000;} .logo h2 { display:block; font-size:28px; padding-top:8px; color:#000000;} .logo span { font-family:'exoextrabolditalic'; display:block; font-size:13px; margin-top:3px; color:#138f34;} .free-delivery { background:url('../image/free-uk-delivery.png') 0 0 / 97px no-repeat; display:block; width:97px; height:60px; float:left; margin:10px 0 0 10px;} .top-menu { float:right; margin-top:20px;} .top-menu li { float:left; margin-left:20px;} .top-menu li:first-of-type { margin-left:0;} .top-menu li a { text-decoration:none; text-transform:uppercase;} .top-menu li a span { margin-right:6px;} .sub-top-menu ul li a img {border-style: none; border-color: inherit; border-width: medium; vertical-align:middle; margin-right:5px; float: left;} .sub-top-menu { float:right; clear:both; margin-top:20px;} .sub-top-menu li { float:left; margin-left:20px;} .sub-top-menu li:first-of-type { margin-left:0;} .sub-top-menu li a { text-decoration:none; text-transform:uppercase;} .header .holder { float:right;} .menu { background:url('../image/menu-shadow.png') bottom repeat-x; height:54px; width:100%; position:relative;} .top-nav ul li { float:left; padding-left:7px; padding-right:7px; background:#003366; border-left:1px black solid;} .top-nav ul li:hover { background: -o-linear-gradient(right, #1B223E, #425599);background: -ms-linear-gradient(right, #1B223E, #425599);background: -webkit-linear-gradient(right, #1B223E, #425599);background: -moz-linear-gradient(right, #1B223E, #425599);background: linear-gradient(to left, #1B223E, #425599);} .top-nav > ul > li + li { margin-left:0px;} .top-nav > ul > li > a { display:block; height:20px; padding:17px 0; color:#fff} .parent { } .top-nav { position:relative;} .top-nav li { display:block; position:relative;} .top-nav li a { text-decoration:none; } .top-nav ul li img {border-style: none; border-color: inherit; border-width: medium; vertical-align:middle; margin-right:6px; float: left;} #mobnav ul li img {border-style: none; border-color: inherit; border-width: medium; vertical-align:middle; margin-right:7px; float: left;} .top-nav > ul > li a.parent { background:url('../Nav_images/256-41.png') right 17px no-repeat; padding-right:20px;} .top-nav > ul > li > ul { display: none;/**/} .top-nav > ul > li > ul > li { padding:0; width:204px; display:block;} .top-nav > ul > li > ul > li + li { padding:0;} .top-nav > ul > li > ul > li > a { padding:4px 7px 2px 7px; width:100%; display:block; background: -o-linear-gradient(right, #1B223E, #425599);background: -ms-linear-gradient(right, #1B223E, #425599);background: -webkit-linear-gradient(right, #1B223E, #425599);background: -moz-linear-gradient(right, #1B223E, #425599);background: linear-gradient(to left, #1B223E, #425599);} .top-nav ul li:hover ul { display:block; z-index:910;} .top-nav ul li:hover ul, .top-nav ul li ul { position:absolute; top:54px; left:-1px; min-width:218px; border-right:1px solid #000; border-bottom:1px solid #000; z-index:910; background:#ffffff;}/**/ .top-nav ul li ul li a { height:20px; color:#fff;} .top-nav ul li:hover ul li, .top-nav ul li ul li { z-index:910;} .top-nav ul li:hover ul li:hover, .top-nav ul li ul li a:hover { background:#003366; text-decoration:none;} .top-menu > ul > li a.parent { background:url('../image/parent-down.png') right 8px no-repeat; padding-right:12px;} .top-menu > ul > li > ul { display: none;/**/} .top-menu > ul > li > ul > li { padding:0px; width:100%; display:block;} .top-menu > ul > li > ul > li + li { padding:0px; margin:0;} .top-menu > ul > li > ul > li > a { padding:2px 4px; width:100%; display:block;} .top-menu ul li:hover ul { display:block; z-index:910;} .top-menu ul li:hover ul, .top-menu ul li ul{ position:absolute; top:36px; width:220px; min-width:220px; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; z-index:910;background:#f0f0f0;}/**/ .top-menu ul li:hover ul.alnright, .top-menu ul li ul.alnright { right:0px;/**/} .top-menu ul li ul li a { height:20px;} .top-menu ul li:hover ul li, .top-menu ul li ul li { z-index:910;} .top-menu ul li:hover ul li:hover, .top-menu ul li ul li:hover { background:#c3c3c3;} .search-box { border:1px solid #505050; display:block; width:188px; margin-top:9px; height:30px; float:right; background: #ffffff;} .search-box input.search { border:none; height:20px; width:140px; margin:4px;} .search-box button.search-btn { border:none; font-size:24px; margin:0; padding:0; float:right; cursor:pointer; background:#ffffff;} .sidebar { float:left; width:200px; margin-left:0px;} .products_category_box { display:none;} .special_offer_pr_box { background-color:#F0F0F0; padding:0px; margin-bottom:20px; position:relative;} .special_offer { position:absolute; right:0px; top:0px;} .special_offer_pr_box p.product_img { margin:0px; padding:0px 0px 0px 0px; text-align:center; vertical-align:top;} .special_offer_pr_box p.product_name { font-size:14px; color:#676767; margin:0px; padding:10px 5px 0px 5px;} .special_offer_pr_box p.product_name a { text-decoration:none; color:#676767;} .special_offer_pr_box p.product_name a:hover { color:#000;} .contact_box_left { margin:0 0 20px 0; padding:10px; background-color:#f6f6f8; font-size:12px; color:#7b7676; line-height:20px; font-family:Arial;} .contact_box_left h2 { margin:0 0 10px 0; padding:0px; font-family:'Exo 2', Arial; font-size:14px; text-transform:uppercase; font-weight:bold; color:#666;} .contact_box_left p { margin:0px; padding:0 0 5px 0;} .contact_box_left p.comp_name { margin:0px; padding:0px; font-size:14px; color:#7b7676; font-weight:bold;} .contact_box_left p.phone_no { background:url(../images/phone_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;} .contact_box_left p.email_icon { background:url(../images/email_icon.png) no-repeat 0 2px; padding:0 0 5px 25px;} .contact_box_left p.email_icon a {color:#7b7676; text-decoration:none;} .main_body { position:relative; margin:0 auto; width:100%; padding:0;} .lef-col {} .right-col {} .right-col { margin: 20px 0; padding: 0; width: 788px; padding-top: 1px;} .no-pad .right-col {padding-top:0px;} .left-nav { margin:20px 0; width:200px; background-color:#f0f0f0; padding-bottom:6px} .left-nav > .title { color:#999900; border-bottom:solid 1px #c3c3c3; padding-top:10px; padding-left:10px; padding-bottom:6px; text-transform:uppercase; font-size:16px; margin-bottom:10px;} .left-nav > .title > span { margin-right:10px;} .left-nav > ul > li { display:block; position:relative;} .left-nav > ul > li > a { text-decoration:none; padding-left:24px; padding-top:3px; display:block; height:21px;} .left-nav > ul > li > a:hover { text-decoration:underline;} .left-nav > ul > li a.parent { background:url('../image/parent-right.png') 180px 6px no-repeat; padding:3px 0 0 24px;} .left-nav > ul > li > ul { display: none;/**/} .left-nav > ul > li > ul > li { padding:0px; width:100%; display:block; position:relative; background-color:#F0F0F0} .left-nav > ul > li > ul > li + li { padding:0px;} .left-nav > ul > li > ul > li > a { padding:2px 4px; display:block; text-decoration:none} .left-nav > ul > li:hover > ul { display:block; z-index:910;} .left-nav > ul > li:hover > ul, .left-nav > ul > li > ul { position:absolute; left:200px; top:0px; width:auto; min-width:200px; border:1px solid #c3c3c3; z-index:910; background:#ffffff;}/**/ .left-nav > ul > li:hover > ul.alnright, .left-nav > ul > li > ul.alnright { right:0px;/**/} .left-nav > ul > li > ul > li > a { height:18px;} .left-nav > ul > li:hover > ul > li, .left-nav > ul > li > ul > li { z-index:910;} .left-nav > ul > li:hover > ul > li:hover, .left-nav > ul > li > ul > li:hover { background:#c3c3c3;} .left-nav > ul > li > ul > li > ul { display:none; z-index:910;} .left-nav > ul > li > ul > li:hover > ul { display:block; z-index:910;} .left-nav > ul > li > ul > li:hover > ul, .left-nav > ul > li > ul > li > ul { position:absolute; left:200px; top:0px; width:auto; min-width:200px; border:1px solid #c3c3c3; z-index:910;} .left-nav > ul > li > ul > li a.parent { background:url('../image/parent-right.png') 190px 6px no-repeat; padding:2px 4px;}/**/ .left-nav > ul > li > ul > li:hover > ul.alnright, .left-nav > ul > li > ul.alnright { right:0px;/**/} .left-nav > ul > li > ul > li > ul > li { background:#f0f0f0;padding: 2px;} .left-nav > ul > li > ul > li > ul > li > a { height:20px; padding:4px 2px; text-decoration:none;} .left-nav > ul > li > ul > li:hover > ul > li, .left-nav > ul > li > ul > li { z-index:910;} .left-nav > ul > li > ul > li:hover > ul > li:hover, .left-nav > ul > li > ul > li:hover { background:#c3c3c3;} .mini-cart { width:162px; border:1px solid #c3c3c3; padding:19px; display:block; margin:24px 0 20px 0;} .mini-cart a { color:#00a0c6; text-decoration:none;} .mini-cart a span { margin-right: 6px;} .mini-cart .total-products { text-align:center; margin:20px 0; display:block;} .mini-cart .total-plus-del { text-align:center; margin-bottom:13px;} /*Mini cart*/ table.mincart{width:98%;font-size:1em;background:#EAEAEA;} .cartquant{width:36px;} td.mincart { text-align:center} img.mincart{margin:0px; padding:0px;} a.mincart{color:#003366; text-decoration:none;} a.mincart:hover {color:#3366CC;} .mini-logos { text-align:center;} .mini-logos img { margin:10px; display:inline;} .footer-line { margin-left:auto; margin-right:auto;} .footer-tag { width:100%; text-align:center; clear:both; margin:15px 10px 15px 10px; list-style:none;padding:0px;display:block} .footer { background:#3b7583; border-top:solid 5px #00a0c6; min-height:230px;} .copyright { float:left; width:50%; margin-top:40px; color:#ffffff; clear:both;} .website-by { float:right; width:50%; text-align:right; margin:40px 0 20px 0; color:#ffffff;} .website-by a { color:#ffffff; text-decoration:none;} .col1, .col2, .col3, .col4 { float:left; margin-top:20px;} .col1 { width:252px;} .col2 { width:220px;} .col3 { width:220px;} .col4 { width:308px;} .col4 .note { border:1px solid #ffffff; color:#ffffff; font-size:12px; padding:10px; margin-bottom:10px;} .col4 .note a { color:#ffffff; font-weight:bold; text-decoration:none;} .col4 .accepted { background:url('../image/accepted-cards.png') center no-repeat #ffffff; background-size:259px; width:100%; height:60px;} .accepted2 {height:70px;} .accepted2 img {margin-left:auto; margin-right:auto;} .footer ul > li, .footer ul > li > a { background:#3b7583; color:#ffffff; font-size:13px; text-decoration:none;} .footer ul > li > strong { font-weight:bold; font-size:16px; margin-bottom:20px; display:block;} .footer_space { padding: 0px 20px 0;} .footer_bottom_links { background-color:#636363; padding:20px 0; color:#b3b3b3;} .bottom_links { text-align:center;} .bottom_links ul { margin:5px 0px 0px -10px; padding:0px;} .bottom_links li { margin:0px; padding:0px 10px; display:inline; list-style:none; border-right:1px solid #b3b3b3;} .bottom_links li:last-child, .bottom_links li.last { border-right:0px;} .bottom_links li a {color:#b3b3b3; text-decoration:none;} .bottom_links li a:hover { color:#FFF;} .bottom_links a {color:#fff; text-decoration:none;} .bottom_links a:hover {color:#F0F0F0;} td.showontablet{display:none;} span.showontablet{display:none;} td.pricewidth{width:15%} /* Generic styles */ .g-box { float:left; width:346px; margin-bottom:10px; padding:20px; border:1px solid #c3c3c3; position:relative;} .g-box-cart { float:left; width:392px; margin-bottom:10px; padding:0px; border:1px solid #c3c3c3; position:relative;} .g-box-cart-r { float:left; width:393px; margin-bottom:10px; padding:0 0 6px 0; border:1px solid #c3c3c3; border-left:0px; position:relative;} .g-box-cart-r2 { float:left; width:393px; margin-bottom:10px; padding:0 0 0 0; border:1px solid #c3c3c3; position:relative;} .frame_style { padding:0px; margin-bottom: 10px; position: relative; height:440px} .g-box:nth-child(even) { margin-left:10px;} .g-box-w { border: 1px solid #003366; padding: 20px; margin-bottom: 10px; position: relative;} .g-box-c { padding:0 10px 20px 10px; margin-bottom: 0px; position: relative;} .g-box-y { border: 1px solid #c3c3c3; padding: 20px; margin-bottom: 10px; position: relative;} .menuimage1 {border-style: none; border-color: inherit; border-width: medium; vertical-align:middle; margin-right:6px; float: left;} .g-btn-p { background-color: #f0027f; padding: 5px; border:none; cursor:pointer; color:#ffffff; text-decoration:none; text-transform:uppercase;} .g-btn-p:hover {} .g-btn-b { background-color: #3b7583; color: white; padding: 5px; border:none; cursor:pointer; color:#ffffff; text-decoration:none; text-transform:uppercase;} .g-btn-b:hover { background-color:#003366;} a.g-btn-b:hover { color:#f0f0f0;} .g-btn-g { background-color: #505050; color: white; padding: 5px; border:none; cursor:pointer; color:#ffffff; text-decoration:none; text-transform:uppercase;} a.g-btn-b, a.g-btn-g, button.g-btn-b, button.g-btn-g { color:#ffffff; text-decoration:none; display:block; font-weight:bold;} a.g-btn-p, button.g-btn-p { color:#ffffff; text-decoration:none; display:block; font-weight:bold;} .g-btn-g:hover { background-color:#202020;} a.g-btn-g:hover { color:#f0f0f0;} .g-btn-b i, .g-btn-p i, .g-btn-g i { margin:0 6px;} .btn-mw { max-width:210px;} .g-drop { border:1px solid #00a0c6; height:28px; padding:0 0 0 2px; min-width:50px; max-width:300px; font-size:14px; background-color:white; color:#505050} .g-inpt { border:1px solid #00a0c6; height:28px; padding:0 2px; min-width:40px; max-width:300px; font-size:14px} .g-txta { border:1px solid #00a0c6; height:28px; padding:0 2px; min-width:40px; max-width:300px; min-height:120px; font-size:14px} .g-check { height:14px; padding:0 2px; width:14px; outline: 1px solid #00a0c6;} ul.g-fpm li {} ul.g-fpm li { display:block; padding:20px; border:1px solid #c3c3c3; text-decoration:none; min-height:80px; margin-bottom:10px;} ul.g-fpm li > strong { display:block; width:100%; text-align:center; margin-bottom:10px; color:#505050;} ul.g-fpm li > span { display:block; width:100%; text-align:left; margin-bottom:10px; color:#00a0c6; font-size:18px; color:#00a0c6;} ul.g-fpm li > span:first-of-type > a { color:#00a0c6; text-decoration:none;} ul.g-fpm li > span + span { color:#505050; font-size:14px;} ul.g-fpm li > span + strong + span { color:#505050; font-size:12px;} ul.g-fpm li a.g-btn-p { float:right; color:#ffffff; padding:0px 5px 0px 5px} ul.g-fpm li a i { margin:0 0 0 6px;} .right-col .title, .right-col .title h1 { font-size:18px; color:#505050; line-height:26px;} .right-col .breadcrumbs { font-size:12px; color:#00a0c6; line-height:20px; margin:10px 0;} .smalltype { font-size:12px;} ul li i.fa {font-size:12px} /* Categories */ .categories {} .category { height:324px; font-size:14px;} .category:nth-child(odd) {} .catimage { float:left; margin:0 10px 10px 0;} .cat-top .bcrumb { font-size:12px; color:#00a0c6; line-height:20px; margin:10px 0;} .category .image { float:left; height:120px; width:100px;} .category .image img { width:100%;} .category .title { float:right; padding-top:20px; font-size:16px; width:230px; text-decoration:none;} .category .title a { text-decoration:none; color:#3b7583;} .category .description { clear:both; display:block; overflow:hidden; width:100%; height:180px;} .cat41 .category { height:223px;} .cat41 .category .description { height:78px;} h1.navdesc {font-size:16px; text-align:center; margin-bottom:0px} /* Products */ .products {} .products .product { min-height: 318px;} .products .mini { min-height: 160px;} .products .mini .image { height:50px;} .products .mini .description { min-height:50px;} .products .product .product-img { margin-bottom:10px; max-width:100px;} .products .product .colour-img { width:100px; height:100px;} .products .product .colour-picked { float:left; margin-left:10px; width:98px; height:28px; display:block;} .products .checkout { float:right; margin-bottom:10px; margin-top:-45px;} .products .checkout a { width:120px; color:#ffffff;} .product-header {} .product-header img { margin-left :auto; margin-right:auto;} .product-header h3 { margin-bottom:15px; text-align:center } .product-header p { } .product-header .intro { float:left; display:block; width:100%; margin-bottom: 10px;} .product-header .intro ul { clear:both; display:block; padding:10px 0;} .product-header .intro ul li { margin:4px 0 4px 20px; list-style:circle;} .product .image { float:left; width:110px; height:130px;} .product .imageams {float:left; width:110px; height:115px;} .products .holder { clear:both; padding-top:20px;} .product .information { float:right; width:236px;} .product .information span { float:left; width:100%;} .product .description { clear:both; float:left; min-height:100px; width: 346px; overflow:visible; margin-bottom:10px;} .product .options { clear:both; float:left; width:100%;} .options > span { float: left; width: 108px;} .product .options select { float:left; max-width:200px;} .product .offers { clear:both; float:left; margin-bottom: 0px;} .product .offers-w { width:100%;} .product .offers span { float:left;} .product .offers span b { float:left; margin-right:6px;} .product .offers span strike { float:left; margin-right:6px;} .product .add-to-cart { float:right;} .product .add-to-cart select.quantity { margin-right:10px;} .product .second .g-btn-p { clear:both;} /* Cart */ table.headerstyle{margin-left:auto; margin-right:auto;} table.results{padding: 0px;margin: 0px;width: 95%;border-collapse: collapse;} table.results td{border: 1px solid #000080;padding: 0px;margin: 0px;border-collapse: collapse;} td.cartstyleleft{background-color: #EBEBEB;height: 22px;width: 50%;text-align: right;font-weight: bold;} td.cartstylemiddle{background-color: #EBEBEB;height: 22px;width: 50%;text-align: center;font-weight: bold;} .cart {display:block; padding-bottom:20px;} .cart .prod-info-title { border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; height:31px;} .cart .prod-info-title span} float:left; display:block; padding:8px 4px; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;} .cart .prod-info { border-left:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; height: 31px;} .cart .prod-info span { float:left; display:block; padding:8px 4px; border-right:1px solid #c3c3c3; height:15px;} .cart .totals { border:1px solid #c3c3c3; float:right; width:220px; margin:10px 0;} .cart .totals span { display:block; float:left; height:15px; padding:8px 4px; font-size:14px;} .cart .totals .text { width:103px;} .cart .totals .total { width:100px; border-left:1px solid #c3c3c3;} .cart .delete { float: left; width: 100px; margin-top:10px;} .delete > a {} .delete > a > i { margin-right:6px;} .cart .navigation { float:left; clear:both; width:100%} .cart .navigation a { font-size:14px;} .cart-info .delivery-info {} .cart-info .verified { text-align:center;} .cart-info .verified button {} .cart-info .verified .icons { display:inline-block;} .cart span { font-size:14px;} .cart .refno { width:70px;} .cart .name { width:135px;} .cart .supplier {width:90px;} .cart .type { width:182px;} .cart .finish { width:87px;} .cart .uprice { width:90px;} .cart .quantity { width:57px;} .cart .quantity .g-drop { width:41px; height:25px;} .cart .prod-info .quantity { padding: 3px 4px; height: 25px;} .cart .total { width:55px;} .cart .select { width:39px;} .total-goods { border-bottom:1px solid #c3c3c3; margin:10px 0; padding-bottom:4px;} .total-goods span { display:inline-block; width:30%; min-width:200px;} td.widthsmall {width:48%} form.cart-details {} form.cart-details div.cart-details-head { height:60px;} form.cart-details div.additional-info { height:140px;} form.cart-details div { width:100%; min-height:40px;} form.cart-details div.full { height:50px;} form.cart-details div.full span { width:100%;} form.cart-details div span { width:48%; float:left; padding-top:6px;} form.cart-details div span:nth-child(even) { float:right; padding-top:0px;} form.cart-details div span .g-inpt { width:100%;} form.cart-details div span .g-drop { width:100%; max-width: 306px;} form.cart-details div span .g-txta { width:100%;} form.cart-card-details div { width:100%; min-height:40px; max-width: 746px;} form.cart-card-details div span { width:48%; float:left; padding-top:6px;} form.cart-card-details div.full { height:50px;} form.cart-card-details div.full2 { height:166px; margin-bottom: 20px;} form.cart-card-details div.full span { width:100%;} form.cart-card-details div.full-footer { height:60px;} //110px .inline-block { display:inline-block;} form.paypal-form div.full2 { margin-bottom:20px;} form.paypal-form div.full2 p { margin-bottom:10px;} .sorrytable { border:0px; width:60%; background-color:#F0F0F0;} .adstyle {width:98%;margin-left:auto;margin-right:auto;margin-bottom:5px;text-align:center} /* Contact */ ul.contact {} ul.contact li {width:50%;} ul.contact li span {padding-top:5px;} ul.contact li.wide span {padding-top:0px;} ul.contact li:nth-child(even) { width:50%;} .contact-nav a { width:186px; float:left; margin-right:10px;} .contact-nav { padding-bottom:10px; margin-left:auto; margin-right:auto} .contact-nav a i {} .contact-nav a:last-of-type { margin-right:0; width:186px} .contact-nav a.back-btn { width:90px;} /* Individual pages */ .pantone-vote { margin:10px auto; height:30px; display:block; text-align:center;} .pantone-vote form { display:inline-block; width: 10%;} ul.form > li { float:left; width:49%; margin:0; height:40px;} ul.form > li:nth-child(even) { width:51%;} ul.form > li:nth-child(even) span { margin-left:5%;} ul.form > li span { float:left; width:40%; margin:0;} ul.form > li input { float:right; width:50%; margin:0;} ul.form > li.list input { float:left; width:10%; margin:0;} ul.form > li.list div span { float:left; width:80%; margin:0;} ul.form > li.list > span { width:100%; margin:0 0 6px 0; font-weight:bold;} ul.form > li select { float:right; width:51.6%; margin:0;} ul.form > li:last-of-type { width:100%; margin:0; height:30px;} ul.form > li:last-of-type button { float:right;} ul.form > li input.reset { width:78px; float:right;} ul.form > li.how-much { clear:both;} ul.form > li.how-much span { width:70%; margin-left:0;} ul.form > li span select.full { width:100%;} ul.form > li.how-much input { width:60px;} ul.search-options {} ul.search-options { display:block; padding-top:0px;} ul.search-options > li {} ul.search-options > li:hover {background: #f0f0f0 none repeat scroll 0 0;} ul.search-options > li > strong > a { display:block; width:100%; min-height:32px; text-decoration:none; font-size:16px; color:#00a0c6;} ul.search-options > li > span { display:block; width:100%;} ul.search-options > li > span a { color:#00a0c6;} ul.search li button { margin-left: 10px; } ul.search {} ul.search > li:first-of-type { width:100%; margin:0;} ul.search > li:nth-child(even) { width:49%; margin-right:2%;} ul.search > li span {margin-top:5px;} ul.form > li.list { height:auto; width:51%; margin-bottom:20px;} ul.form > li.wide { width:100%; height:auto; padding:10px 0;} ul.form > li.wide span { width:50%; margin-left:0;} ul.form > li.wide span.text { width:100%;} ul.form > li.comments { width:49%; height:200px;} ul.form > li.comments-w { width:100%; height:123px;} ul.form > li.comments textarea { width:360px; max-width:100%; height:154px;} ul.form > li.comments-w textarea { max-width:740px; width:100%;} ul.form > li.submit { width:100%; clear:both;} ul.form > li.submit > input { float:left; width:120px; height:30px;} ul.form > li.submit > input + input { float:right; width:140px;} .results {} .results .result {} .results .result .image { float:left; height:120px;} .results .result .information { float:right; width:426px; text-align:left;} .results .result .information p { margin-bottom:4px;} .results .result .information p:last-of-type { margin-bottom:0;} ul.contact-advertisers {} ul.contact-advertisers li span {padding-top:5px;} ul.contact-advertisers > li.comments { width:48%; margin-right:2%;} ul.contact-advertisers > li.comments:nth-child(2n) { width:50%; margin-right:0;} ul.contact-advertisers > li.comments:nth-child(2n) span { margin-left:0;} ul.contact-advertisers > li .g-check { float:left;} #picker-container {} .col-pick1 { display:block; float:left; width:90%; border:1px solid #505050; position:relative; height: 280px;} .col-pick2 { display:block; float:left; width:90%; border:1px solid #505050; position:relative; height: 280px;} .col-pick3 { display:block; float:left; width:90%; border:1px solid #505050; position:relative; height: 280px;} ul.faq {} ul.faq li { width:100%; font-weight:bold; color:#00a0c6; font-size:16px; padding-bottom:10px;} ul.faq li:nth-child(even) { border-bottom:1px solid #c3c3c3; margin-bottom:30px; font-weight:normal; color:#505050; font-size:14px;} ul.faq li:last-of-type { margin-bottom:0; border-bottom:none;} ul.suppliers-search li { float:left;} ul.suppliers-search li span {padding-top:6px;} ul.suppliers-search li.submit { width:100%;} ul.suppliers-search li.submit button { float:left; display:block;} ul.suppliers-search li.submit button + button { float:right;} ul.suppliers-results li { float:left; clear:both; border-bottom:1px solid #c3c3c3; padding:6px 0;} ul.suppliers-results li:last-of-type { margin-bottom:0; border-bottom:none;} ul.suppliers-results span { float:left; font-size:12px; text-align:left; padding:0;} ul.suppliers-results .company-logo { width:162px; display:block; padding:6px 0px;} ul.suppliers-results .company { width:120px; text-align:center;} ul.suppliers-results .company h2 { font-size:12px;} ul.suppliers-results .country { width:50px;} ul.suppliers-results .website { width:160px; padding-top:6px; text-align:center} ul.suppliers-results .information { width:296px; padding-top:6px} ul.suppliers-results .information p { padding-bottom:6px;} .astm-colour div.row { height:100px; border-bottom:1px solid #c3c3c3; padding:4px 0;} .astm-colour div.row:first-of-type { height:40px;} .astm-colour div.row:last-of-type { border-bottom:none;} .astm-colour div.row span {} .astm-colour .name { float:left; width:30%; padding-top:10px;} .astm-colour .colour { float:left; width:50%;} .astm-colour .colour img { height:100px; width:90%;} .astm-colour .range { float:left; width:20%; padding-top:10px} ul.farrow-colour-chart li span {} ul.farrow-colour-chart li span + span { font-weight:bold;} ul.farrow-colour-chart li span + span + span { font-weight:normal; float:right;} /* Colour Charts */ .colour-chart-options > li:hover { background: #f0f0f0 none repeat scroll 0 0;} ul.colour-charts {} ul.colour-charts li { float:left; display:block; width:18%; padding:1%; height: 130px;} ul.colour-charts li:hover { background:#f0f0f0;} ul.colour-charts li a img { width:100%; height:70px; vertical-align: bottom; border: 0px;} ul.colour-charts li h2 { font-size:18px;} ul.colour-charts li h3 { font-size:12px;} ul.colour-charts li h4 { font-size:16px;} .colour-charts {} .colour-charts .list { float:left; display:block; width:18%; padding:1%; height: 130px;} .colour-charts .list:hover { background:#f0f0f0;} .colour-charts .list a img { width:100%; height:70px; vertical-align: bottom; border: 0px;} .colour-charts .list h2 { font-size:18px;} .colour-charts .list h3 { font-size:12px;} .colour-charts .list h4 { font-size:16px;} .colour-chart-nav { margin-bottom:10px; margin-left:5px} .colour-chart-nav.tall a { height:35px;} .colour-chart-nav a { float:left; width:186px; margin-right:10px;} .colour-chart-nav a:last-of-type { width:187px; margin:0;} .colour-chart-nav-3 a { float:left; margin-left:7px; margin-bottom:10px;} .colour-chart-nav-6 a { float:left; text-align:center; margin-left:8px} .colour-chart-nav-5 a { float:left; margin-left:10px; } ul.colourcharts a { display:block; padding:6px 0;} ul.colourcharts a i { margin-left:10px;} .delivery h1 { font-size:20px; text-align:center} .delivery h2 { font-size:16px; color:#003366; text-align:center; font-weight:bold} .delivery h3 { font-size:14px; color:#003366; text-align:center; font-weight:bold; text-decoration:underline} .delivery p { padding-bottom:10px;} .indv-ral-classic { border-color:#505050; width:745px} .indv-ral-classic .details { float:left; width: 575px; text-align:center} .indv-ral-classic .more { float:right;} .indv-ral-classic .drop-holder { float:right;} #quicklinks { width: 100%; clear:both; float: left; margin-bottom: 10px; } .right-col .quicklink { float: left; width: 167px; border: 1px solid #C3C3C3; box-szing: border-box; padding: 10px; margin-left: 10px; } .quicklink img { float: left } .quicklink span { float: right; width: 100px; font-size: 12px; font-weight: bold; color: #00A0C6; text-decoration: none; margin-top:10px} .quicklink:first-of-type { margin-left: 0px !important} #showcase { width: 100%; float: left; } form.product { height: 120px; } form.product .detail { float:left; width: 185px;} form.product .image { float:left; width:90px; height:90px;} form.product .image > img { max-width: 88%;} form.product .drop-holder { display:block; float:right; margin-top:14px;} form.product .drop-holder select { margin-left:10px; margin-top:0px;} form.product .detail a { clear: both; text-decoration: none; color: #3b7583; font-weight: bold; } form.product .detail a img { float: left; margin-right: 20px; } form.product .detail a .title { width: 100px; } form.product .detail .price { color: #00a0c6; } form.product a.more { float:right; background-color: #00a0c6; color: white; padding: 5px; text-decoration:none; font-weight: bold; margin-bottom:5px; margin-top:5px} form.product .detail a.button i { line-height: 1.3; padding-left: 15px; padding-right: 0px; } form.product select { float:right; margin-top:20px;} form.product1 select {margin-top:0px;} form.product select#paintid { right: 72px; } form.product button.add-to-cart { float:right; clear:both; margin-top: 7px;} form.product .notice { float:left; color: red; text-decoration: none; } form.product:first-of-type { margin-left: 0px; } form.product button { border: none; background-color: #f0027f; color: white; font-weight: bold; padding: 5px; cursor:pointer } form.product button i { padding-right: 5px; } form.product .pbutton { float:right; clear:both; margin-top: 7px; border: none; background-color: #f0027f; color: white; font-weight: bold; padding: 5px; cursor:pointer } form.product .pbutton i { padding-right: 5px; } .imagesize1 {width:190px; height:26px} .terms > section { margin-bottom: 10px; } .terms > button.g-btn-p { font-weight: bold !important; } .terms ul { padding: 0 20px; } .terms ul li { list-style: square; text-weight: bold; } .security { text-align: center; margin: 0 auto; width: 70%; } .security p { margin-bottom: 10px; margin-top:10px } .security ul{ text-align: left;} .security ul li { list-style-image: url('../images/extras/SecurityIcon.gif'); margin-bottom:10px } .organisation-details span { font-weight: bold; color: #3b7583} .details input[type=text] { width: 300px; padding: 0 2px; } .relative { position: relative; } .ref {} .ref > .relative { height: 203px; width: 72%} .ref > div > div { min-height: 38px; } .ref p.range { height: 34px; } .ref .reference { font-weight: bold; color: #3b7583;} .ref .description { color: #00a0c6; margin-left: 0px !important} .ref a.g-btn-b { display: block; margin-bottom: 10px; text-align: right;} .ref a.button i { line-height: 1; padding-left: 5px; padding-right: 0px; } .ref .alternatives { float: right; } .ref .rating { position: absolute; bottom: 0; } .lab_value { margin:0 auto; text-align:center; height:77px;} .lab_value_2 { height:85px;} .lab_value_2 input {height:20px} .lab_value input[type=text] { width: 100%; } .convert-lab-box { width:284px; margin:auto;} .lab_value .cell { width: 54px; text-align: center; display:inline-block;} .lab_value .cell input[type=text] { width: 46px !important; } .lab_value .g-btn-b { float:right; clear:both;} form.range span, form.colour span { width: 100px; display: inline-block; }; form.range, form.colour { margin-bottom: 10px; width: 300px; } form fieldset { border: none; margin: 0; } .lab-result p { margin-bottom: 10px; } .lab-result p span { font-weight: bold; display: inline-block; width: 50px; } .lab-result { } .lab-result { position: relative; } .lab-result > span { width: 30%; float: left; height: 230px; margin-right:3%;} .lab-result > span + span + span + span { width: 100%; height: 80px;} .lab-result > span > .lab { margin-bottom: 20px; } .lab-result > span > .lab > div { width: 33%; text-align: center; float: left; margin-bottom: 20px; } .lab-result > span > .lab > div > span { width: 100%; float: left; font-weight: bold; border-bottom: 1px solid #c3c3c3;} .lab-result > span > p { width: 100%; } .lab-result > span > p.charts { margin-top: 15px;} .lab-result > span > p.charts img { width: 30px; height:30px; display:inline-block } .lab-result p.clickcolour {font-size:12px; font-style:italic; width:95%;} .lab-result p.clickcolour2 {display:none;} .lab-result > span > p.charts > a { margin-right: 20px; } .lab-result > span > p.range {margin-top:15px;} .lab-result > span > p.description { margin-top: 15px; } .lab-result > span > p.range a { text-decoration: none; } .lab-result > span > p.reference { color: #3b7583; font-weight: bold; font-size:16px} .lab-result > span > p > span { width: 33%; } .lab-result > span > p > img { max-width: 200px; width: 100%; height: 200px; margin: 15px auto; } .lab-result > span > p.charts a { display: inline-block; } .lab-result > span > p.charts a:last-of-type { margin-right:0px} .lab-result1 p { margin-bottom: 10px; } .lab-result1 p span { font-weight: bold; display: inline-block; width: 50px; } .lab-result1 { } .lab-result1 { position: relative; } .lab-result1 > span { width: 47%; float: left; height: 230px; margin-right:3%;} .lab-result1 > span + span + span + span { width: 100%; height: 80px;} .lab-result1 > span > .lab { margin-bottom: 20px; } .lab-result1 > span > .lab > div { width: 33%; text-align: center; float: left; margin-bottom: 20px; } .lab-result1 > span > .lab > div > span { width: 100%; float: left; font-weight: bold; border-bottom: 1px solid #c3c3c3;} .lab-result1 > span > p { width: 100%; } .lab-result1 > span > p.charts { margin-top: 15px;} .lab-result1 > span > p.charts img { width: 30px; height:30px; display:inline-block } .lab-result1 p.clickcolour { font-size:12px; font-style:italic; width:95%;} .lab-result1 p.clickcolour2 {display:none;} .lab-result1 > span > p.charts > a { margin-right: 20px; } .lab-result1 > span > p.range {margin-top:15px;} .lab-result1 > span > p.description { margin-top: 15px; } .lab-result1 > span > p.range a { text-decoration: none; } .lab-result1 > span > p.reference { color: #3b7583; font-weight: bold; font-size:16px; margin-top:45px} .lab-result1 > span > p > span { width: 33%; } .lab-result1 > span > p > img { max-width: 200px; width: 100%; height: 200px; margin: 15px auto; } .lab-result1 > span > p.charts a { display: inline-block; } .lab-result1 > span > p.charts a:last-of-type { margin-right:0px} .colours-container { margin-top: 20px; } .list-colours { } .list-colours .colour-header { text-align: center; padding: 5px 0px; font-size: 16px; font-weight: bold;} .list-colours .colour-header span { float: left; display: inline-block} .list-colours .colour-header .reference { width: 100px; } .list-colours .colour-header .range { width: 100px; } .list-colours .colour-header .description { width: 487px; } .list-colours .colour-header .rating { width: 75px; } .list-colours .colour-header .chart-links { width: 80px; } .list-colours .colour-header .colour-link { width: 120px; } .list-colours .colour-header .colour-reference { width: 100px; } .list-colours .colour { text-align: center; border-style: none none solid; border-width: medium medium 1px; border-color: #c3c3c3; padding: 5px 5px; height: 60px; font-size: 13px;} .list-colours .colour div p { display: none; } .list-colours .colour:last-child { border: none !important;} .list-colours .colour > .relative { height: 203px; width: 72%} .list-colours .colour .range { float: left; width: 100px; margin-top:22px} .list-colours .colour .reference { font-weight: bold; color: #3b7583; float: left; width: 100px; margin-top:22px } .list-colours .colour .rating { width: 75px; float: left; } .list-colours .colour .rating i { line-height: 60px; font-size:12px} .list-colours .colour .description { float: left; color: #00a0c6; width: 487px; margin-top:22px } .list-colours .colour a.g-btn-b { display: block; margin-bottom: 10px; text-align: right;} .list-colours .colour a.button i { line-height: 1; padding-left: 5px; padding-right: 0px; } .list-colours .colour .chart_links { float: left; width: 80px; text-align: left; line-height: 70px; font-size:12px; } .list-colours .colour .chart_links > a { display: inline-block; } .list-colours .colour .chart_links img { width: 20px; height:20px; display:inline-block } .list-colours .colour .colour-link { float: left; height: 100%; width: 120px;} .list-colours .colour .colour-link a img { width:120px;} .list-colours .colour .colour-reference { float: left; height: 71px; width: 100px; padding-left: 6px} .list-colours .colour:last-of-type .colour-reference { height: 60px;} .list-alt-colours .colour-header { text-align: center; padding: 5px 0px; font-size: 16px; font-weight: bold;} .list-alt-colours .colour-header span { float: left; display: inline-block} .list-alt-colours .colour-header .reference { width: 100px; } .list-alt-colours .colour-header .range { width: 100px; } .list-alt-colours .colour-header .description { width: 487px; } .list-alt-colours .colour-header .rating { width: 70px; } .list-alt-colours .colour-header .chart-links { width: 80px; } .list-alt-colours .colour-header .colour-link { width: 120px; } .list-alt-colours .colour .colour-link a img { width:120px;} .list-alt-colours .colour-header .colour-reference { width: 100px; } .list-alt-colours .colour { text-align: center; border-style: none none solid; border-width: medium medium 1px; border-color: #c3c3c3; padding: 5px 0px; height: 61px; font-size: 13px;} .list-alt-colours .colour div p { display: none; } .list-alt-colours .colour:last-child { border: none !important;} .list-alt-colours .colour > .relative { height: 203px; width: 72%} .list-alt-colours .colour .reference { font-weight: bold; color: #3b7583; float: left; width: 100px; margin-top:22px} .list-alt-colours .colour .range { float: left; width: 100px; margin-top:22px} .list-alt-colours .colour .rating { width: 70px; float: left;} .list-alt-colours .colour .rating i { line-height: 60px; font-size:12px } .list-alt-colours .colour .description { float: left; color: #00a0c6; width: 487px; margin-top:22px} .list-alt-colours .colour a.g-btn-b { display: block; margin-bottom: 10px; text-align: right;} .list-alt-colours .colour a.button i { line-height: 1; padding-left: 5px; padding-right: 0px; } .list-alt-colours .colour .chart_links { float: left; width: 80px; text-align: center; line-height: 70px; font-size:8px; } .list-alt-colours .colour .chart_links > a { display: inline-block; } .list-alt-colours .colour .chart_links img { width: 20px; height:20px; display:inline-block } .list-alt-colours .colour .colour-link { float: left; height: 100%; width: 120px;} .list-alt-colours .colour .colour-link a img { width:120px;} .clickforlab {width:200px; text-align:right; font-size:12px; font-style:italic} .list-alt-colours .colour .colour-reference { float: left; height: 71px; width: 100px; padding-left: 6px} .list-alt-colours .colour:last-of-type .colour-reference { height: 60px;} .palette { width: 450px; } .palette .colour { margin-left: 10px; margin-bottom: 10px; } .palette .colour a { margin: 0; padding: 0; } .palette .colour a img { display: block } .palette .colour p { text-align: center; text-transform: uppercase;} .services .intro { margin-bottom: 20px; } .services .details { margin-bottom: 20px; } .services address { margin-bottom: 20px; } .services p { margin-bottom: 5px; } .services button.g-btn-g { display: initial; } .information { width: 510px; } code { color: #3b7583 } iframe { border: 0 none; width: 100%; padding: 0px; } ul.print-options {} .print-options > li:hover { background: #f0f0f0 none repeat scroll 0 0;} .advanced-menu > li:hover { background: #f0f0f0 none repeat scroll 0 0;} ul.print-options p { margin-bottom: 10px; } ul.print-options p.reference { color: #00a0c6; font-size:14px; font-weight: bold; } ul.print-options div.description { width: auto; margin: 0; } ul.print-options li {} ul.print-options li a { font-weight: bold; float:right;} ul.print-options li a i { margin-left: 6px; margin-right: 0px; } .products .mini .image img { height: 40px; } .products .mini .offers { font-size: 0.8em; margin-top: 10px;} .rating-legend { margin-top: 20px;} .rating-legend2 {width:90%; margin-left:30%; margin-bottom:10px} .rating-legend .fa {font-size:12px} .colour-trends .image { float:left; width:200px;} .colour-trends .intro { float:right; width:526px;} .colour-trends .intro select { float:right; margin:0 10px 0 0;} .colour-trends .intro button { float:right;} .colour-trends p.price { float:left;} .underline {text-decoration: underline;} .underline_bold {text-decoration: underline; font-weight:bold;} .print-chart { line-height: 20px; margin-bottom: 0px; } .print-chart > img { float: left; margin-right: 10px; } .buy-chart { line-height: 20px; } .buy-chart > img {display:inline-block; border-style: none; border-color: inherit; border-width: medium; vertical-align:middle; margin-right:6px;margin-left:6px} @media only screen and (max-width: 679px) { .has-sub > .sub { display: none; } .has-sub:hover > .sub { display: block; z-index:100; width:100%; transition: height .1s ease-in; -webkit-transition: height .1s ease-in; } #mobnav ul li ul.sub > li > a { background-color: #f0f0f0; padding-left: 70px; width: 100%;} } .no-border { border: none !important; } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;font-display: swap;} .fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);} /* makes the font 33% larger relative to the icon container */ .fa-search:before {content: "\f002";}.fa-envelope-o:before {content: "\f003";}.fa-star:before {content: "\f005";}.fa-star-o:before {content: "\f006";}.fa-trash-o:before {content: "\f014";}.fa-home:before {content: "\f015";}.fa-refresh:before {content: "\f021";}.fa-print:before {content: "\f02f";}.fa-list:before {content: "\f03a";}.fa-chevron-left:before {content: "\f053";}.fa-chevron-right:before {content: "\f054";}.fa-plus:before {content: "\f067";}.fa-minus:before {content: "\f068";}.fa-shopping-cart:before {content: "\f07a";}.fa-phone:before {content: "\f095";}.fa-navicon:before,.fa-reorder:before,.fa-bars:before {content: "\f0c9";}.fa-list-ul:before {content: "\f0ca";}.fa-list-ol:before {content: "\f0cb";}.fa-envelope:before {content: "\f0e0";}.fa-question:before {content: "\f128";}.fa-cart-plus:before {content: "\f217";}.fa-copy:before,.fa-files-o:before {content: "\f0c5";}.fa-group:before,.fa-users:before {content: "\f0c0";} @charset "utf-8"; /* CSS Document Colours: pink: f0027f blue: 00a0c6 dark blue: 3b7583 grey: 505050 light grey: c3c3c3 */ #menuico, #mobnav { display:none;} .navhide { position:relative; margin-left:0%; margin-top:0px; height:0px; overflow:hidden;} .navshow { position:relative; margin-bottom:-40px; height:auto; top:0;} /*LARGE SCREEN*/ @media only screen and (min-width: 1500px) { .wrapper { width:1300px} .right-col { width:1090px;} .g-box { width:498px;} .g-box-cart { width:539px;} .g-box-cart-r { width:539px;} .g-box-cart-r2 { width:539px;} .right-col .quicklink { width:243px;} .right-col .quicklink p { width: 180px; padding-top:20px;} .footer .col3 { width:520px;} form.product .detail { width:347px;} .product .second .g-btn-p { clear: none;} .products .product { min-height: 253px;} .product .description { width: 498px; min-height: 85px;} .products .product { min-height: 138px; height: 253px;} .category { /*height: 210px;*/} .options > span { width: 260px;} .indv-ral-classic { width:96.2%;} .indv-ral-classic .details { width:877px;} #picker-result-colour { width:165px;} ul.form > li.comments textarea { width:508px;} ul.form > li select { width:51.2%;} .contact-nav a { width:255px;} .contact-nav a:last-of-type { width:255px;} .colour-chart-nav a { width:255px;} .colour-chart-nav a:last-of-type { width:255px;} .colour-chart-nav-6 a { width:346px; margin-right:10px;} .colour-chart-nav-6 a:nth-child(3n+3) { width:348px;} .colour-chart-nav-6 a:nth-child(3n+3) { margin:0;} .colour-chart-nav-6 a:nth-child(n+4) { margin-top:10px; margin-bottom:10px;} .colour-chart-nav.tall a { height:18px;} .colour-chart-nav-5 a { width:200px; margin:0 10px 10px 0;} .colour-chart-nav-5 a:last-of-type { width:200px; margin-right:0;} .colour-chart-nav-3 a { width:346px; margin-right:10px;} .colour-chart-nav-3 a:last-of-type { width:348px; margin-right:0;} .ral-series .product { height:138px;} .cat41 .category { height:213px;} .cat52 .product { height:293px;} .cat56 .product { height:361px;} .cat59 .product { height:409px;} .cat60 .product { height:293px;} .cat62 .product { height:293px;} .ral-cg .product { height:293px;} .bs-cg .product { height:293px;} .product .information { width:286px;} .product .image { height:170px; width:170px;} .products .product .product-img { max-width:170px;} ul.suppliers-results .company { width:200px;} ul.suppliers-results .information { width:478px;} .palette { width:750px;} .palette .colour a img { max-width:167px; width:200px;} .palette .colour { width:177px;} .category .title { width: 350px;} .colour-trends .intro { width:828px;} .bs-cg .product { height:315px;} .cart span { font-size:12px;} .cart .name { width:210px;} .cart .type { width:291px;} .cart .finish { width:170px;} .cart .uprice { width:95px;} .cart .quantity { width:80px;} .cart .quantity .g-drop { width:81px;} .cart .total { width:75px;} td.showontablet{display:none;} } @media only screen and (max-width: 1499px) and (min-width:1024px) { .wrapper { width:1000px;} .right-col {} .g-box {} .product-container {height:125px;} .right-col .quicklink { } .right-col .quicklink p {} .cat41 .category { height:223px;} .cat41 .category .description { height:78px;} .colour-chart-nav-3 a { float:left; width:246px; margin-right: 10px;} .colour-chart-nav-3 a:last-of-type { margin-right:0;} .colour-chart-nav-5 { margin-bottom:10px;} .colour-chart-nav-5 a { float:left; width:139px; margin-right: 10px;} .colour-chart-nav-5 a:last-of-type { width:142px; margin:0;} .colour-chart-nav-6 { margin-bottom:10px;} .colour-chart-nav-6 a { width:246px; margin-right:10px;} .colour-chart-nav-6 a:nth-child(3n+3) { margin:0;} .colour-chart-nav-6 a:nth-child(n+4) { margin-top:10px;} .list-colours .colour-header {} .list-colours .colour-header .description { width: 195px; } .list-colours .colour-header .extend1 { width: 250px; } .list-colours .colour-header .chart-links { width: 70px; } .list-colours .colour .description { width: 195px; } .list-colours .colour .extend1 { width: 250px; } .list-colours .colour .chart_links { width: 70px;} .list-alt-colours .colour-header {} .list-alt-colours .colour-header .description { width: 195px; } .list-alt-colours .colour-header .extend1 { width: 270px; } .list-alt-colours .colour-header .chart-links { width: 75px; } .list-alt-colours .colour {} .list-alt-colours .colour div p {} .list-alt-colours .colour .reference {} .list-alt-colours .colour .range {} .list-alt-colours .colour .rating{} .list-alt-colours .colour .description { width: 195px; } .list-alt-colours .colour .extend1 { width: 270px; } .list-alt-colours .colour .chart_links { width: 75px;} .list-alt-colours .colour .colour-link {} .list-alt-colours .colour .colour-reference{} td.showontablet{display:none;} ul.showontablet2{display:none;} .showontablet2{display:none;} } @media only screen and (max-width: 1023px) and (min-width:680px) { .top-nav .donotshowontablet {display:none;} .top-nav ul li:hover ul.moveleft {left:-100px} .top-nav ul li:hover ul.alnright, .top-nav ul li ul.alnright { right:0px;/**/} .top-menu ul li:hover ul, .top-menu ul li ul { top:30px;} .g-btn-b, .g-btn-g, .g-btn-p { padding:2% 3%;} .g-box-w .donotshowontablet { display:none} .indv-ral-classic {width:426px} .header { height:160px;} .header .holder { float:none;} .top-nav {} .top-nav > ul > li > a { font-size: 14px;} .top-menu { width:120px; margin-top: 6px;} .top-menu ul li { float:none; margin:8px 0;} .sub-top-menu { float:left;} .search-box { margin-top: -115px;} .wrapper { width:680px} .footer .col1 { width:275px;} .footer .col2 { width:220px;} .footer .col3 { width:165px;} .footer .col4 { width:660px;} .right-col { width:470px;} .g-box { width:426px; margin:0 0 10px 0;} .g-box-cart { width:464px; margin:0 0 0 0;} .g-box-cart-r { width:464px; margin:0 0 10px 0; border:1px solid #c3c3c3; border-top:0px} .g-box-cart-r2 { width:462px; margin:0 0 10px 0; border:1px solid #c3c3c3; border-top:0px} .g-box:nth-child(2n) { margin:0 0 10px 0;} form.product .detail { width:237px;} #quicklinks { margin-bottom: 0px;} .right-col .quicklink { width:207px; margin:0 0 10px 0;} .right-col .quicklink:nth-child(2n) { margin-left:10px;} .right-col .quicklink:first-of-type { margin:0;} .right-col .quicklink p { width:136px; padding-top:15px;} .indv-ral-classic .details { width:237px;} .cat41 .category { height:233px;} .cat41 .category .description { height:92px;} .category .image { width:30%; overflow: hidden; margin-bottom:10px; height:100px;} .category .title { width:60%;} .product-header .intro { width:auto;} .colour-trends .intro { width:408px; margin-top:20px;} .palette { width:428px; margin-top:10px;} .palette .colour { margin:0 9px 10px 0;} .palette .colour:nth-child(4n+4) { margin:0 0 10px 0;} .palette .colour a img { max-width:100px;} .results .result .information { width:100%; margin-top:25px;} .colours-container {margin-bottom:20px} #picker-control-circle { left:0px; top:288px;} #picker-input { left:367px;} #picker-result-colour { top:288px; left:276px; width:174px;} #picker-container { height:566px; width:450px;} .list-colours .colour { height:90px;} .list-colours .colour .reference {} .list-colours .colour .rating { clear:both;} .list-colours .colour .colour-reference { height:50%;} .list-colours .colour .colour-link { height:50%;} .g-box-w > .colours-container > .list-colours > .colour > .colour-link { height:20%;} .list-alt-colours .colour .colour-link { width: 140px; } .list-alt-colours .colour .colour-link a img { width: 140px; } .list-alt-colours .colour:last-of-type .colour-reference { height: 50px;} .contact-nav a { width: 193px; margin-bottom:10px;} .contact-nav a:nth-child(2n+2) { margin-right:0;} .contact-nav a:nth-child(n+3) { margin-bottom:0;} .contact-nav a:last-of-type { width:193px;} .contact-nav {margin-left:8%;} .colour-chart-nav {margin-left:8%;} .colour-chart-nav a { width:193px; margin-bottom:10px;} .colour-chart-nav a:nth-child(2n+2) { margin-right:0;} .colour-chart-nav a:last-of-type { width:193px;} .colour-chart-nav-6 a { width:43%; margin:0 2% 2% 6%; height: 39px;} .colour-chart-nav-6 a:nth-child(2n+2) { margin:0 0 2% 0;} .colour-chart-nav-5 a { width:43%; margin:0 2% 2% 5%; height: 20px;} .colour-chart-nav-5 a:nth-child(2n+2) { margin:0 0 2% 0;} .colour-chart-nav-3 a { width:94%; margin:0 0 2% 0; height: 20px;} .colour-chart-nav-3 a:nth-child(2n+2) { margin:0 0 2% 0;} .colour-chart-nav.tall a { height:18px; height:39px;} .colour-chart-nav-5 a, .colour-chart-nav-5 a:last-of-type {} .colour-chart-nav-3 a:last-of-type { margin-bottom:10px;} ul.suppliers-results li:first-of-type { display:none;} ul.suppliers-results .country { width:30px; position:relative;} ul.suppliers-results .company:hover { background:#f0f0f0;} ul.suppliers-results .country div { left:-390px; top:60px;} ul.suppliers-results .company { width:218px;} ul.suppliers-results .website { text-align:center; float:right; margin-right:70px} ul.suppliers-results span.information { width:100%; clear:both; padding-top:10px;} ul.contact-advertisers > li.comments:nth-child(2n), ul.contact-advertisers > li.comments { width:100%;} ul.form > li.list { width:100%;} ul.form > li.list input { max-width:13px;} ul.form > li.list div span { width:90%;} ul.form > li.comments textarea { width:600px; max-width:200%; height:154px;} ul.colour-charts li h2 { font-size:16px;} ul.colour-charts li h4 { font-size:16px;} ul.colour-charts li { width:48%;} .colour-charts .list h2 { font-size:16px;} .colour-charts .list h4 { font-size:16px;} .colour-charts .list { width:48%;} .cart .prod-info-title { display:none;} .cart .prod-info { clear:both; border-left:none; margin-bottom:10px; min-height:64px; border-bottom:2px solid #666666;} .cart span { font-size:12px;} .cart .refno { width:100px; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3;} .cart .name { width:140px; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;} .cart .type { width:182px; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;} .cart .finish { width:150px; border-left:1px solid #c3c3c3;} .cart .uprice { width:100px;} .cart .quantity { width:42px;} .cart .quantity .g-drop {} .cart .total { width:91px;} .cart .select { width:21px;} .list-colours .colour-header { display: none; } .list-colours .colour { height: auto; } .list-colours .colour div p { display: inline; font-weight: bold; text-transform: uppercase; text-decoration:underline; margin-right: 10px; } .list-colours .colour .reference { text-align: left; width: 200px;} .list-colours .colour .range { text-align: left; width: 200px;} .list-colours .colour .rating { width: 100px; text-align: center; } .list-colours .colour .description { text-align: left; margin: 5px 0; width: 406px; } .list-colours .colour .chart_links { width: 100px; height: 50px; text-align: center; } .list-colours .colour .colour-link { height: 50px;} .list-colours .colour .colour-reference { height: 50px; } .list-alt-colours .colour-header { display: none; } .list-alt-colours .colour { height: auto; } .list-alt-colours .colour div p { display: inline; font-weight: bold; text-transform: uppercase; text-decoration:underline; margin-right: 10px; } .list-alt-colours .colour .reference { text-align: left; width: 200px;} .list-alt-colours .colour .range { text-align: left; width: 200px;} .list-alt-colours .colour .rating { width: 100px; text-align: center; } .list-alt-colours .colour .description { text-align: left; margin: 5px 0; width: 406px; } .list-alt-colours .colour .chart_links { width: 100px; height: 50px; text-align: center; } .list-alt-colours .colour .colour-link { height: 50px;} .list-alt-colours .colour .colour-reference { height: 50px; } .footer_space { padding: 30px 15px 0;} .lab-result > span { width:100%; height:140px;} .lab-result > span + span { height:140px;} .lab-result > span + span + span { height:210px;} .lab-result > span + span + span + span { max-height:45px;} .lab-result > span + span a img { height:100px; max-height:100px;} .lab-result p.clickcolour {display:none;} .lab-result p.clickcolour2 {display:inline-block; font-size:12px; font-style:italic; margin-top:-10px;} .lab-result1 > span { width:100%; height:140px;} .lab-result1 > span + span { height:140px;} .lab-result1 > span + span + span { height:210px;} .lab-result1 > span + span + span + span { max-height:45px;} .lab-result1 > span + span a img { height:100px; max-height:100px;} .lab-result1 p.clickcolour {display:none;} .lab-result1 p.clickcolour2 {display:inline-block; font-size:12px; font-style:italic; margin-top:-10px;} .lab-result1 > span > p.reference { margin-top:10px} .sorrytable {width:95%} td.donotshowontablet{display:none;} td.showontablet{display:table-cell;} span.showontablet{display:block;} ul.showontablet2{display:block;} .showontablet2{display:block;} span.donotshowontablet{display:none;} td.pricewidth{width:20%} ul.form > li.comments textarea.limited { width:600px; max-width:98%; height:154px;} } @media only screen and (max-width: 679px){ ul.form > li.comments textarea { width:600px; max-width:200%; height:154px;} ul.form > li.comments textarea.limited { width:600px; max-width:98%; height:154px;} .top-nav ul li:hover ul.alnright, .top-nav ul li ul.alnright { right:0px;/**/} .top-menu ul li:hover ul, .top-menu ul li ul { top:58px;} .g-btn-b, .g-btn-g, .g-btn-p { padding:2% 3%;} .g-pad { padding:3%;} .logodiv {display:block; width:100%;} td.donotshowontablet{display:none;} span.donotshowontablet{display:none;} td.showontablet{display:table-cell;} span.showontablet{display:block;} td.pricewidth{width:25%} ul.showontablet2{display:block;} .showontablet2{display:block;} .sidebar {float:none; margin-bottom: 0px; width:90%; margin-left:auto; margin-right:auto; padding:0 0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .products_category_box { display:inline-block; padding-bottom:20px;} .products_category_box h2, .features_products_wrapper h2 { margin:0px 0px 10px 0px; padding:0px 0px 5px 0px; font-family:'Exo 2', Arial; color:#999900; font-size:16px; font-weight:normal; border-bottom:1px solid #e5e5e5;} .products_category_box ul { margin:0px; padding:0px;} .products_category_box li { margin:0px; padding:3px 0px; list-style:none;} .products_category_box li a { color:#676767; text-decoration:none;} .products_category_box li a:hover { color:#000;} .products_category_box > ul > li a.parent { padding:3px 0 0 24px;} .products_category_box > ul > li > ul { display: none;/**/} .products_category_box > ul > li > ul > li { padding:0px; width:100%; display:block; position:relative;} .products_category_box > ul > li > ul > li + li { padding:0px;} .products_category_box > ul > li > ul > li > a { padding:2px 4px; display:block; text-decoration:none} .products_category_box > ul > li:hover > ul { display:block; z-index:910;} .products_category_box > ul > li:hover > ul, .products_category_box > ul > li > ul { position:absolute; left:200px; top:0px; width:auto; min-width:200px; border:1px solid #c3c3c3; z-index:910; background:#ffffff;}/**/ .products_category_box > ul > li:hover > ul.alnright, .products_category_box > ul > li > ul.alnright { right:0px;/**/} .products_category_box > ul > li > ul > li > a { height:20px;} .products_category_box > ul > li:hover > ul > li, .products_category_box > ul > li > ul > li { z-index:910;} .products_category_box > ul > li:hover > ul > li:hover, .products_category_box > ul > li > ul > li:hover { background:#c3c3c3;} .g-box-w .donotshowontablet {display:none} .colours-container {margin-bottom:20px} #menuico { font-size:40px; cursor:pointer; display:block; width:130px; height:42px; padding:6px; margin-right: 10px; position:absolute; float:left; background:#003366; color:#fff} #menuico span { font-size:20px; display:inline-block; position:absolute; top:15px; left: 50px;} #mobnav { display:block; z-index:100; width:100%; transition: height .1s ease-in; -webkit-transition: height .1s ease-in;} #mobnav ul, #mobnav ul li, #mobnav ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;text-transform:uppercase;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #mobnav {width: 100%; font-family: Helvetica, Arial, sans-serif; color: #000000;} #mobnav ul ul { display: none;} #mobnav > ul > li > a {padding: 15px 20px;border-left: 1px solid #1682ba;border-right: 1px solid #1682ba;border-top: 1px solid #1682ba;cursor: pointer;z-index: 2;font-size: 16px;font-weight: bold;text-decoration: none;color: #F0F0F0;background: #FFFFFF;background: -o-linear-gradient(right, #1B223E, #425599);background: -ms-linear-gradient(right, #1B223E, #425599);background: -webkit-linear-gradient(right, #1B223E, #425599);background: -moz-linear-gradient(right, #1B223E, #425599);background: linear-gradient(to left, #1B223E, #425599);} #mobnav > ul > li > a:hover, #mobnav > ul > li.active > a, #mobnav > ul > li.open > a {color: #fff; background: #003366;} #mobnav > ul > li.open > a {border-bottom: 1px solid #1682ba;} #mobnav > ul > li:last-child > a, #mobnav > ul > li.last > a {border-bottom: 1px solid #1682ba;} #mobnav ul > li.has-sub.open > a:after, #mobnav ul > li.has-sub.open > a:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);} .holder2 {width: 0;height: 0;position: absolute;top: 0;right: 0;} .holder2::after, .holder2::before {display: block;position: absolute;content: "";width: 10px;height: 10px;right: 18px;z-index: 10;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);} .holder2::after {top: 15px;border-top: 2px solid #ffffff;border-left: 2px solid #ffffff;} #mobnav > ul > li.open > a > span::after {border-color: #eeeeee;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top:18px;} .holder::before {top: 18px;border-top: 2px solid;border-left: 2px solid;border-top-color: inherit;border-left-color: inherit;} #mobnav ul ul li a {cursor: pointer;border-bottom: 1px solid #32373e;border-left: 1px solid #32373e;border-right: 1px solid #32373e;padding: 10px 20px;z-index: 1;text-decoration: none;font-size: 14px;color: #eeeeee;background: #49505a;} #mobnav ul ul li:hover > a, #mobnav ul ul li.open > a, #mobnav ul ul li.active > a {background: #424852; color: #ffffff;} #mobnav ul ul li:first-child > a {} #mobnav ul ul ul li:first-child > a {} #mobnav ul ul ul li a {padding-left: 60px;} #mobnav > ul > li > ul > li:last-child > a, #mobnav > ul > li > ul > li.last > a {border-bottom: 0;} #mobnav > ul > li > ul > li.open:last-child > a, #mobnav > ul > li > ul > li.last.open > a {border-bottom: 1px solid #32373e;} #mobnav > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;} #mobnav ul ul li.has-sub > a::after {display: block;position: absolute;content: "";width: 7px;height: 7px;right: 20px;z-index: 10;top: 10px;border-top: 2px solid #eeeeee;border-left: 2px solid #eeeeee;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);} #mobnav ul ul li.active > a::after, #mobnav ul ul li.open > a::after, #mobnav ul ul li > a:hover::after {border-color: #ffffff;} #mobnav ul ul li.open > a::after {top:15px;} .navshow, .navhide { transition: margin-left .4s ease-in; -webkit-transition: margin-left .4s ease-in; /* we specify the transition length for hiding and showing */} .navhide { position:relative; margin-left:-100%; margin-top:0px; height:0px; overflow:hidden; clear: both;} .snavhow { position:relative; margin-left:0; margin-top:50px; height:729px;} .search-box { width:330px; margin-right: 10px;} .menuico { font-size:40px; margin-right: 10px;} .left-col { display:none;} .right-col {} .right-col > .title { padding:0 5%;} .right-col .tag { padding:0 5%;} .right-col .breadcrumbs { padding:0 5%;} .logo { background-size:59px; padding-left: 62px;} .logo h1 { font-size:24px;} .free-delivery { background-size:85px; width:85px;} .top-nav { display:none;} .top-nav2 { display:none;} .top-menu {} .top-menu li { float:;} .top-menu li a { display:block; width:40px; height:40px; text-indent:0px; overflow:hidden; padding-left:0px;} .top-menu li span { font-size:34px; margin-bottom:10px;} .sub-top-menu { display:none;} .wrapper { width:100%; padding:0;} .footer-line { width:100%;} .footer-tag {width:90%; list-style:none;;padding:0px;display:block} .footer .col1 { width:50%;} .footer .col2 { width:50%;} .footer .col3 { width:50%; clear:both; border-top:1px solid #ffffff; padding-top:20px;} .footer .col4 { width:50%; border-top:1px solid #ffffff; padding-top:20px;} .footer .wrapper { width:90%; padding:0 5%;} .right-col { width:100%;} .g-box { width:80%; margin:0 auto 10px auto; float:none; padding:5%;} .g-box-cart { width:94%; margin:0 auto 0 auto; float:none; padding:0 0 0 0;} .g-box-cart-r { width:94%; margin:0 auto 10px auto; float:none; padding:0 0 2% 0; border:1px solid #c3c3c3; border-top:0px} .g-box-cart-r2 { width:93.5%; margin:0 auto 10px auto; float:none; padding:0 0 3.25% 0; border:1px solid #c3c3c3; border-top:0px} .g-box:nth-child(2n) { margin:0 auto 10px auto;} .indv-ral-classic { width:80%; margin:0 auto 10px auto; float:none; padding:5%;} form.product .detail { width:63%;} .indv-ral-classic .details { width:63%; text-align:left} #quicklinks { text-align:center;} .right-col .quicklink { width:40%; display:inline-block; float:none; margin:0; margin-bottom:2%;} .right-col .quicklink span { width: 75%; padding-top:10px;} .cat-top .bcrumb { padding:0 5%;} .results .result .information { width:100%; margin-top:25px;} .product-header { padding:10px 5% 0 5%;} .right-col .title { padding:0 0px; margin-bottom:5%;} .product .information { width:auto; float:left;} .product .description { width:auto; float:left;} .cat-top { padding:0 5%;} .bcrumb { padding:0 5%;} .cat41 .category { height:239px;} .cat41 .category .description { height:90px;} .category .image { width:30%;} .category .title { width:60%;} .category .description { height:auto;} .product-header .intro { width:auto;} .colour-trends .intro { width:100%; margin-top: 20px;} .palette { width:100%; margin-top:10px;} .palette .colour { margin:0 2% 2% 0; width:23%; height: 130px;} .palette .colour:nth-child(4n+4) { margin:0 0 2% 0;} .palette .colour a img { min-width:100%; max-width:100%;} #picker-control-circle { left:0px; top:288px;} #picker-input { left:367px;} #picker-result-colour { top:288px; left:276px; width:174px;} #picker-container { height:566px; width:450px;} .list-colours .colour { height:90px;} .list-colours .colour .reference {} .list-colours .colour .rating { clear:both;} .list-colours .colour .colour-reference { height:50%;} .list-colours .colour .colour-link { height:50%;} .list-alt-colours .colour:last-of-type .colour-reference { height: 50px;} .contact-nav .g-btn-b { padding:2%;} .contact-nav a { width:42%; margin:0 3% 2% 2%;} .contact-nav a:nth-child(2n+2) { margin:0;} .contact-nav a:nth-child(n+3) { margin-bottom:0;} .contact-nav a:last-of-type { width:42%;} .colour-chart-nav a { width:43%; margin:0 2% 2% 2%; padding:2%; height:36px;} .colour-chart-nav a:nth-child(2n+2) { margin:0 0% 2% 0%;} .colour-chart-nav a:nth-child(n+3) { margin-bottom:0;} .colour-chart-nav a:last-of-type { width:43%;} .colour-chart-nav-6 a { width:43%; margin:0 2% 2% 6%; height: 39px;} .colour-chart-nav-6 a:nth-child(2n+2) { margin:0 0 2% 0;} .colour-chart-nav.tall a { height:18px; height:39px;} .colour-chart-nav-5 a { width:43%; margin:0 2% 2% 2%; padding:2%; height: 20px;} .colour-chart-nav-5 a:nth-child(2n+2) { margin:0 0 2% 0;} .colour-chart-nav-3 a { width:90%; margin:0 auto 10px auto; float:none;} .colour-chart-nav-3 a:last-of-type {} ul.contact-advertisers > li.comments:nth-child(2n), ul.contact-advertisers > li.comments { width:100%;} ul.form > li.list { width:100%;} ul.form > li.list input { max-width:13px;} ul.form > li.list div span { width:90%;} ul.suppliers-results li:first-of-type { display:none;} ul.suppliers-results .company-logo { width:40%; max-height: 55px; overflow: hidden;} ul.suppliers-results .company-logo a img { max-width:100%;} ul.suppliers-results .country { width:30px; position:relative;} ul.suppliers-results .company:hover { background:#f0f0f0;} ul.suppliers-results .country div { left:-112px; top:45px;} ul.suppliers-results .company { width:57%;} ul.suppliers-results .website { text-align:center; float:right; width:57%; margin-right:10px} ul.suppliers-results span.information { width:100%; clear:both; padding-top:10px;} ul.colour-charts li h2 { font-size:14px;} ul.colour-charts li h4 { font-size:14px;} ul.colour-charts li { width:48%;} .colour-charts .list h2 { font-size:14px;} .colour-charts .list h4 { font-size:14px;} .colour-charts .list { width:48%;} .frame_style { padding:0;} .cart .prod-info-title {display:none;} .cart .prod-info { clear:both; border-left:none; margin-bottom:10px; min-height:167px; border-bottom:2px solid #666666;} .cart .prod-info span { padding:10px 1%; border-left:none; border-right:none; height:20px; border-bottom:1px solid #c3c3c3; border-top:none;} .cart span { font-size:12px; border-left:none; border-right:none; border-bottom:1px solid #c3c3c3;} .cart .refno { width:47%;} .cart .name { width:49%;} .cart .type { width:47%;} .cart .finish { width:49%;} .cart .uprice { width:47%;} .cart .quantity { width:49%;} .cart .prod-info .quantity { padding:10px 1%; height:20px;} .cart .quantity .g-drop {} .cart .total { width:47%; border-top:1px solid #c3c3c3; border-bottom:none!important;} .cart .select { width:49%; border-top:1px solid #c3c3c3; border-bottom:none!important;} .cart .totals .text { border-bottom:none;} .cart .totals .total { border-top:none;} .products .mini .options button { margin-top:0;} blockquote { margin:2%; padding:0px;} .lab-result > span { width:100%; height:140px;} .lab-result > span + span { } .lab-result > span + span + span { height:210px;} .lab-result > span + span + span + span { height:45px;} .lab-result > span + span a img { height:100px; max-height:100px;} .lab-result p.clickcolour {display:none;} .lab-result p.clickcolour2 {display:inline-block; font-size:12px; font-style:italic; margin-top:-10px} .list-colours .colour-header { display: none; } .list-colours .colour { height:130px; padding:0;} .list-colours .colour .reference { width:49%;} .list-colours .colour .description { width:50%;} .list-colours .colour .rating { clear:both; max-width:22%;} .list-colours .colour .chart_links { max-width:25%;} .list-colours .colour .colour-link { max-width:23%; height:50%;} .list-colours .colour .chart_links { line-height: 20px; padding-top:20px;} .list-colours .colour .colour-reference { height:50%; max-width:22%; width:48%;} .list-colours .colour .colour-link {} .list-colours .colour .colour-link img { max-width:100%;} .list-colours .colour .colour-reference img { max-width:100%;} .list-colours .colour { height: auto; } .list-colours .colour div p { display: inline; font-weight: bold; text-transform: uppercase; text-decoration:underline; margin-right: 10px; } .list-colours .colour .reference { text-align: left; width: 100%; margin: 5px 0;} .list-colours .colour .range { text-align: left; width: 100%; margin: 5px 0;} .list-colours .colour .rating { width: 100px; text-align: center; margin: 0px 0;} .list-colours .colour .description { text-align: left; margin: 5px 0; width: 100%; } .list-colours .colour .chart_links { width: 100px; height: 50px; text-align: center; } .list-colours .colour .colour-link { height: 50px;} .list-colours .colour .colour-reference { height: 50px; } /*.colour-link img { max-width:25px;} .colour-reference img { max-width:25px;} .list-colours .colour .reference {} .list-colours .colour .description { max-width:48%; width:48%;} .list-colours .colour .rating { max-width:22%;} .list-colours .colour .colour-reference { max-width:25%;}*/ .list-alt-colours .colour-header { display: none; } .list-alt-colours .colour { height: auto; } .list-alt-colours .colour div p { display: inline; font-weight: bold; text-transform: uppercase; text-decoration:underline; margin-right: 10px; } .list-alt-colours .colour .reference { text-align: left; width: 100%; margin: 5px 0;} .list-alt-colours .colour .range { text-align: left; width: 100%; margin: 5px 0;} .list-alt-colours .colour .rating { width: 100px; text-align: center; margin: 0px 0;} .list-alt-colours .colour .description { text-align: left; margin: 5px 0; width: 100%; } .list-alt-colours .colour .chart_links { width: 100px; height: 50px; text-align: center; } .list-alt-colours .colour .colour-link { height: 50px;} .list-alt-colours .colour .colour-reference { height: 50px; } .bottom_links { float: none; padding-left: 0; text-align: center;} .sorrytable {width:80%} .adstyle {max-width:98%;margin-left:auto;margin-right:auto;margin-bottom:5px;text-align:center;} } @media only screen and (max-width: 530px) { .header { height: 172px;} .top-menu ul li:hover ul, .top-menu ul li ul { top:153px; left:10px; display:none;} .top-menu > ul > li a.parent { background:none;} .header .wrapper { text-align:center;} .logo { float:none; display:inline-block;} .free-delivery { float:none; display:inline-block;} .rating-legend2 {margin-left:10px; } .sorrytable {width:95%} } @media only screen and (max-width: 510px) { .right-col {margin-top:60px;} .g-box-cart-r2 { width:93.75%; padding:0 0 20px 0;} .g-box-w { padding:2%;} .g-box-w .g-drop { margin-bottom:15px;} .g-box-w .lab-result {padding-bottom:20px;} #menuico { float:none;} .search-box { clear:both; width:94%; float:none; margin:0 auto; position: relative; top: 68px;} .product-container { width:90%; padding:3%;} .indv-ral-classic { width:90%; padding:3%;} form.product .detail { width:59%;} form.product a.more {} form.product .drop-holder { float:none;} form.product select:first-of-type { clear:both; margin:0 10px 0 0; width:50px;} form.product select.longer2 { width:95px;} form.product .drop-holder select { margin:0 10px 0 0;} form.product select.longer1 { width:172px; margin-right:0px} form.product select { float:left; margin:0;} form.product button.add-to-cart { clear:none; margin:0;} form.product .notice { clear:both;} .imagesize1 {width:140px; margin-left:0px} #picker-control-circle { left:24px; top:558px;} #picker-input { left:25px; top:284px} #picker-result-colour { top:288px; left:123px; width:174px;} #picker-container { height:834px; width:310px;} .ref {font-size:12px} .contact-nav a { height:40px; width:42%;} .contact-nav a:nth-child(2n+2) { margin:0;} .contact-nav a:nth-child(n+3) {margin-bottom:0;} .contact-nav a:last-of-type { width:42%;} .total-goods span { min-width:130px; width: 48%;} .bottom_links ul {margin: 10px 0 0 -10px;} form.product select.K1mobile {margin-top:10px;} #quicklinks .quicklink span {margin-top:0px} } @media only screen and (max-width: 600px) { form.product .detail { width:60%;} .indv-ral-classic .details { width:60%; } .indv-ral-classic select:last-of-type { } .category { height:auto; min-height: 140px;} } @media only screen and (max-width: 488px) { .right-col .quicklink { height:80px;} .right-col .quicklink span { width: 100%; padding-top:10px;} .right-col .quicklink img { float:none; margin:0 auto;} .product .information { width:62%;} select.ral-sheet { clear:both; margin-top:10px;} .options button.g-btn-p { margin-top:10px;} .list-alt-colours .colour .rating { width: 15%; } ul.form > li { width:100%;} ul.form > li:nth-child(2n) { width:100%;} ul.form > li:nth-child(2n) span { margin-left:0;} ul.form > li.wide { min-height: 80px;} .footer_space { padding: 30px 20px 0;} .product .imageams {height:100px} } @media only screen and (max-width: 424px) { .list-colours .colour-header { display: none; } .list-colours .colour .chart_links { width: 75px; } .list-colours .colour .colour-link { width:120px} .list-alt-colours .colour-header { display: none; } .list-alt-colours .colour {} .list-alt-colours .colour div p {} .list-alt-colours .colour .reference {} .list-alt-colours .colour .range {} .list-alt-colours .colour .description {} .list-alt-colours .colour .chart_links { width: 75px; } .list-alt-colours .colour .colour-link { width:120px} .list-alt-colours .colour .colour-reference {} } @media only screen and (max-width: 400px) { .wrapper { width:100%; padding:0;} .footer .col1 { width:100%;} .footer .col2 { width:100%; border-top:1px solid #ffffff; padding-top:20px;} .footer .col3 { width:100%; border-top:1px solid #ffffff; padding-top:20px;} .footer .col4 { width:100%; border-top:none;} .product .information { width:56%;} .contact-nav a i { float: left; height: 30px;} .list-alt-colours .colour .colour-reference { width: 75px; } .list-alt-colours .colour .colour-reference img { width: 75px !important } .cart .prod-info-title {display:none;} .cart .prod-info { clear:both; border-left:none; margin-bottom:10px; min-height:262px; border-bottom:2px solid #666666;} .cart .prod-info span { padding:8px 4%; border-left:none; border-right:none; height:20px; border-bottom:1px solid #c3c3c3; border-top:none;} .cart span { font-size:12px; border-left:none; border-right:none; border-bottom:1px solid #c3c3c3;} .cart .refno { width:92%;} .cart .name { width:92%;} .cart .type { width:92%;} .cart .finish { width:92%;} .cart .uprice { width:92%;} .cart .quantity { width:92%;} .cart .prod-info .quantity { padding:8px 4%; height:20px;} .cart .quantity .g-drop {} .cart .total { width:46%; border-top:1px solid #c3c3c3; border-bottom:none!important;} .cart .select { width:38%; border-top:1px solid #c3c3c3; border-bottom:none!important;} .cart .totals .text { border-bottom:none;} .cart .totals .total { border-top:none;} .product .options { margin-left:-10px} .product .right { margin-right:-20px} } @media only screen and (max-width: 372px) { .list-alt-colours .colour .colour-link { width: 95px; } .list-alt-colours .colour .colour-link a img { width: 95px } } @media only screen and (max-width: 360px) { .logo h1 { font-size:20px; margin-bottom:20px;} .logo span { margin-left:-4px} .free-delivery {} .product .information { width:51%;} .dontdisplay { display:none;} .buy-chart > img {display:none;} } @media only screen and (max-width: 768px) and (min-width:640px) { } @media only screen and (max-width: 640px) and (min-width:480px) { } @media only screen and (max-width: 480px) and (min-width:320px) { } @media only screen and (max-width: 320px) and (min-width:240px) { }