.border_ltgrey {border:1px solid; border-color:#e0e0e0 !important} .border_silver {border:1px solid #f0f0f0;} .border_dkgrey {border:1px solid #505050;} .border_dark_red {border:1px solid #98000c;} .border_dark_blue {border:1px solid #005399;} .border_green {border:1px solid #8fca40;} .border_ltgreen {border:1px solid #e7f3d7;} .border_none {border:none !important;} .border_bottom3_ltgrey {border-bottom:3px solid #e0e0e0;} .border_bottom_ltgrey {border-bottom:1px solid #e0e0e0;} .border_bottom_ltgrey_d {border-bottom:1px dotted #e0e0e0;} .border_bottom_dkgrey {border-bottom:1px solid #505050;} .border_bottom3_dkgrey {border-bottom:3px solid #505050;} .border_bottom_green {border-bottom:1px solid #8fca40;} .border_bottom_red {border-bottom:3px solid #98000c;} .border_bottom_blue {border-bottom:1px solid #2d61d7;} .border_bottom_none {border-bottom:none !important;} .border_right_ltgrey {border-right:1px solid #d0d0d0;} .border_right_ltgreen {border-right:1px solid #e7f3d7;} .border_left_ltgrey {border-left:1px solid #d0d0d0;} .border_left_dkgrey_d {border-left:1px dotted #505050;} .border_left_ltgreen {border-left:1px solid #e7f3d7;} .border_top_green {border-top:1px solid #8fca40;} .border_top_ltgreen {border-top:1px solid #e7f3d7;} .border_top_ltgrey_d {border-top:1px dotted #e0e0e0;} .border_top_dkgrey {border-top:1px solid #505050;} .border_top_ltgrey {border-top:1px solid #e0e0e0;} .border_top3_ltgrey {border-top:3px solid #e0e0e0;} .rnd5px_topleft {-moz-border-radius-topleft: 5px !important; -webkit-border-top-left-radius: 5px !important; -khtml-border-top-left-radius: 5px !important; border-top-left-radius: 5px !important;} .rnd5px_topright {-moz-border-radius-topright: 5px !important; -webkit-border-top-right-radius: 5px !important; -khtml-border-top-right-radius: 5px !important; border-top-right-radius: 5px !important;} .rnd5px {-moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; -khtml-border-radius: 5px !important; border-radius: 5px !important;} @font-face { font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; font-display:swap; src: local('Glyphicons Halflings'), local('Glyphicons-Halflings-Regular'), url('/_font/glyphicons-halflings-regular.woff2') format('woff2'), /* Modern Browsers */ url('/_font/glyphicons-halflings-regular.woff') format('woff'), /* Modern Browsers */ url('/_font/glyphicons-halflings-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/_font/glyphicons-halflings-regular.eot') format('embedded-opentype'); /* IE */ } /* Colour Colour Colour Colour Colour Colour */ .bg_white {background-color:#ffffff !important;} .bg_off_white {background-color:#f8f2ed !important;} .bg_silver {background-color:#f0f0f0 !important;} .bg_grey {background-color:#909090;}l .bg_dk_grey_footer_social {background-color:#484848 !important;} .bg_dk_grey {background-color:#303030 !important;} .bg_brand_blue {background-color:#5479c1 !important;} .bg_dark_blue {background-color:#005399 !important;} .bg_dark_midblue {background-color:#2a3447 !important;} .bg_dark_midblue2 {background-color:#5173b3 !important;} .bg_sky_blue {background-color:#f1f3fe !important;} .bg_sky_blue_light {background-color:#f9fbff !important;} .bg_dark_red {background-color:#98000c !important;} .bg_pale_lime {background-color:#d9f0bb !important;} .bg_green {background-color:#8fca40 !important;} .bg_green_finance {background-color:#619d87 !important;} .bg_transparent {background-color:transparent !important;} .dk_grey {color:#151515 !important;} .lt_grey {color:#d0d0d0 !important;} .mid_grey {color:#808080 !important;} .slate_grey {color:#484a4c !important;} a.slate_grey:hover {color:#484afc !important; text-decoration:underline;} .grey_blue {color:#7d86a6 !important;} a.grey_blue:hover {color:#7d86f6 !important;} .white {color:#ffffff !important;} .yellow {color:#fbb724 !important;} .red {color:#d00010 !important;} .dark_red {color:#98000c !important;} .dark_blue {color:#005399 !important;} .dark_blue_grey {color:#1c354b !important;} .mid_blue {color:#006ac3 !important;} .black {color:#000000 !important;} .sky_blue {color:#f1f3fe !important;} .blue {color:#3867aa !important;} .blue2 {color:#4d83e3 !important;} .admin_blue {color:#1e82f9 !important;} .mint_green {color:#b9ff7a !important;} .lime_green {color:#7bab26 !important;} .grass_green {color:#c5cc32 !important;} .border_red {border-color:#d00010;} .finance_colour {color:#4e2d3a;} .bg_row_light {background-color:#f1f1f4;} .bg_row_dark {background-color:#fbfbff;} .bg_highlight {background-color:#dfefff; color:#0080ff;} .shadow_white {text-shadow: -1px 1px 0 #d0d0d0;} .shadow_black {text-shadow: -1px 1px 0 #181818;} /* Links Links Links Links Links Links Links */ A {color:#2854e3;} A:hover {color:#2854e3; text-decoration:underline;} a.more {color:#046bc0; text-decoration:underline; font-size:inherit;} A.title:link, A.title:visited, A.title:active {color:#303030; text-decoration:none;} A.title:hover {color:#2854e3; text-decoration:underline;} #footer a {color:#c5cc32; text-decoration:none;} #footer a:hover {color:#f6ff2b; text-decoration:underline;} #footer a label, [data-onclick] {cursor: pointer;} #header a {text-decoration:none;} h2 a.title:hover {text-decoration:none;} .underline_on_hover {text-decoration:none;} .underline_on_hover:hover * {text-decoration:underline;} .button {float:left; width:126px; height:36px; text-align:center; vertical-align:middle; cursor:pointer; cursor:hand;} .button a {font-size:1.3em; line-height:36px; font-weight:500; background-image:none; cursor:pointer; cursor:hand;} .asset_button {cursor:pointer; display:block; font-size:1.2em; font-weight:400; float:left; line-height:190% !important; padding-bottom:0.25em; padding-left:15px; padding-top:0.25em; position:relative; text-align:left; text-transform:uppercase; width:160px;} .asset_button._c {padding-left:0px; text-align:center;} .asset_button:hover, .asset_button:hover div, .asset_button:hover p {text-decoration:underline !important;} .adapt_width {width:auto !important; padding-right:15px; } .asset_button.natural_height {height:auto !important; font-size:inherit !important; line-height:inherit !important; width:auto !important; letter-spacing:normal !important;} .asset_button.midblue2 {color:#ffffff; background-color:#89bcf9;} .asset_button.midblue {color:#89bcf9; border:1px solid #89bcf9;} .asset_button.lime {color:#739f07; border:1px solid #739f07;} .asset_button.lime2 {color:#fff; background-color:#517300; font-weight:700;} .asset_button.orange {color:#d57e02; border:1px solid #d57e02;} .asset_button.orange2 {color:#fff; background-color:#d57e02; font-weight:700;} .asset_button.black {border:1px solid #484848;} .asset_button.black:hover {color:#222222; border:1px solid #222222;} .asset_button.black2 {color:#ffffff !important; background-color:#222222;} .asset_button.black2:hover {background-color:#444;} .asset_button.keyworkers {color:#c7ff93 !important; background-color:#555 !important; border-color:transparent !important; transition:.4s background; -webkit-transition:.4s background;} .asset_button.keyworkers:hover {background-color:#2A4579 !important;} .asset_button.white {border:1px solid #eee;} .asset_button.white:hover {color:#fff; border:1px solid #fff;} .asset_button.white2 {color:#222 !important; background-color:#fff;} .asset_button.white2:hover {background-color:#eee;} .asset_button.dhcblue {color:#4069b8; border:1px solid #4069b8;} .asset_button.dhcblue:hover {color:#2A4579; border:1px solid #2A4579;} .asset_button.dhcblue2 {color:#ffffff !important; background-color:#4069b8;} .asset_button.dhcblue2:hover {color:#dddddd !important; background-color:#2E58AA;} .pay_securely .sagepay {width:74px; height:23px; background:url(/_images/_sprites.v2.png) -1000px -597px no-repeat; right:0px; position:absolute; top:30%;} /* Navigation menu Navigation menu Navigation menu */ .basket {float:left; padding:5px 5px 0px 10px; font-size:14pt; color:#346497; /* xmas... #40331b; */ /*text-shadow: -1px 1px 0 #5b5b5b;*/} .basket a {color:#346497; /* xmas... #40331b; */} .sticky_header { z-index:1; } /* 2023 banner */ /* 2023 banner */ /* 2023 banner */ .gen #top-banner > div > div { padding-top:18vh; text-align:center; } .gen #top-banner, .gen #top-banner .screen_tint { flex-direction:column; -webkit-flex-direction:column; } .gen #top-banner { border:none; height:70vh; max-height: 800px; margin-bottom:calc(40px + 4vw); overflow-y: hidden; position: relative; text-align:center; } .gen #top-banner.bnr { margin-left:0px; width:100%; } .gen #top-banner h1 { margin-top:80px; } .gen #top-banner .container-fluid { display:flex; display:-webkit-flex; } .gen #top-banner .container-fluid { justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; } .gen #top-banner .container-fluid { flex-direction:column; -webkit-flex-direction:column; } .gen.standard #top-banner:not(.empty) .container-fluid { justify-content:center; -webkit-justify-content:center; background: rgb(30,30,30); background: linear-gradient(4deg, rgba(30,30,30,0.7) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%); padding-bottom:3vw; } .gen #top-banner.empty { height: initial; } .gen #top-banner { margin-bottom:calc(20px + 2vw); } .gen #top-banner .container-fluid { backdrop-filter:brightness(0.8); } .gen #top-banner .container-fluid { position:absolute; z-index:9; } /*.gen #top-banner h1 { font-size: calc(2em + 0.5vw); letter-spacing: 7px; margin: auto auto 20px 0px; }*/ .gen.standard #top-banner h1 { font-weight: 600; letter-spacing:1px; } .gen #top-banner.empty h1 { margin-top:3vw; } .gen #top-banner h1:first-of-type + p { font-size:calc(1.2em + 0.3vw); } .gen #top-banner:not(.empty) { color:white; height: 70vh; margin-bottom:0px; max-height: 35vw; position:relative; } .gen #top-banner:not(.empty) h1 { color:white; } .gen #top-banner h2 { font-weight: 400; font-size: calc(0.9em + 0.5vw); color: #fff; } .gen #top-banner h1, .gen #top-banner h2 { width:100%; } .gen #top-banner .container-fluid { height: 100%; } .gen #top-banner .container-fluid > img { margin-bottom:2vw; width:35%; } .gen #top-banner picture, .gen #top-banner:not(.empty) .container-fluid, .gen #top-banner.slideshow-container picture, .gen #top-banner.slideshow-container picture img { margin: 0px; overflow: hidden; width: 100%; } .gen #top-banner picture > img { width:100%; position: absolute; top: 0; left: 0; } @media screen and (min-width:992px) { .gen #top-banner .site_title { height:720px; } .gen #top-banner h1 { font-size: 4em; } .gen #top-banner.empty + #intro, .gen #top-banner > div { padding: 0px 10vw 0px 10vw; text-align:left; } } @media screen and (min-width:1200px) { .gen.standard #top-banner:not(.empty) .container-fluid { padding-left: calc(10px + 7vw); padding-right: 40vw; } } @media screen and (max-width:991px) { .gen #top-banner:not(.empty) { max-height:50vh; overflow: hidden; } .gen #top-banner h1 { margin:30px auto; text-align:center; } .gen #top-banner h1:first-of-type + p { font-size: 2.5rem; padding-left:30px; padding-right:30px; } .gen #top-banner h2 { font-size:2rem; letter-spacing:4px; line-height: 1.5em; padding:0px 25px; } .gen #top-banner picture > img { width:auto; } .gen #top-banner .container-fluid { padding:15px; position:relative; top: 0px; } .gen #top-banner .container-fluid > img { width:80%; } .gen #top-banner picture img { filter:brightness(0.7); -webkit-filter:brightness(0.7); object-fit: cover; height: 100%; } .gen #top-banner.slideshow-container { min-height:340px; } .gen #top-banner picture, .gen #top-banner:not(.empty) .container-fluid { margin: 0px; width: 100%; } } /* 2023 banner */ /* 2023 banner */ /* 2023 banner */ /* Carousels ............................................................................................................................................................ */ .carousel-caption { height:455px; right:auto; text-shadow:none; width:100%; z-index: 10; } .carousel-caption .asset_button { border:2px solid #fff; bottom:40px; height:auto; left:43%; position:absolute; right:43%; text-align:center; } .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 455px; } .carousel-indicators { margin-bottom:20px; } .carousel-indicators li { background-color:#444; border-color:transparent; } .carousel-indicators .active { background-color:#eee; border-color:#333; } .carousel-control { display:none; } /* Adjustments ....................................................................................................................................................... */ .margin0 {margin:0px !important;} .margin5 {margin:5px;} .margin10 {margin:10px;} .margin0_bottom {margin-bottom:0px !important;} .margin10_bottom {margin-bottom:10px;} .margin20_bottom {margin-bottom:20px;} .margin40_top {margin-top:40px;} .margin30_top {margin-top:30px;} .margin20_top {margin-top:20px;} .margin15_top {margin-top:15px;} .margin10_top {margin-top:10px;} .margin5_top {margin-top:5px;} .margin0_top {margin-top:0px !important;} .margin0_left {margin-left:0px !important;} .margin5_left {margin-left:5px;} .margin10_left {margin-left:10px;} .margin15_left {margin-left:15px;} .margin20_left {margin-left:20px;} .margin0_right {margin-right:5px !important;} .margin5_right {margin-right:5px;} .margin10_right {margin-right:10px;} .margin15_right {margin-right:15px;} .margin20_right {margin-right:20px;} .pad0 {padding:0px !important;} .pad3 {padding:3px;} .pad5 {padding:5px;} .pad10 {padding:10px;} .pad15 {padding:15px;} .pad20 {padding:20px;} .pad20_bottom {padding-bottom:20px;} .pad15_bottom {padding-bottom:15px;} .pad10_bottom {padding-bottom:10px;} .pad5_bottom {padding-bottom:5px;} .pad2_bottom {padding-bottom:2px;} .pad0_bottom {padding-bottom:0px !important;} .pad20_top {padding-top:20px;} .pad15_top {padding-top:15px;} .pad10_top {padding-top:10px;} .pad5_top {padding-top:5px;} .pad2_top {padding-top:2px;} .pad3_top {padding-top:3px;} .pad0_top {padding-top:0px !important;} .pad0_left {padding-left:0px !important;} .pad5_left {padding-left:5px;} .pad10_left {padding-left:10px;} .pad15_left {padding-left:15px;} .pad20_left {padding-left:20px;} .pad25_left {padding-left:25px;} .pad30_left {padding-left:30px;} .pad0_right {padding-right:0px !important;} .pad5_right {padding-right:5px;} .pad10_right {padding-right:10px !important;} .pad15_right {padding-right:15px;} .pad20_right {padding-right:20px !important;} .gutter0 {padding-left:0px; padding-right:0px;} .gutter5 {padding-left:5px; padding-right:5px;} .gutter15 {padding-left:15px; padding-right:15px;} .inline {display:inline !important;} .inline_block {display:inline-block;} .block {float:left; display:block;} .block_right {float:right; display:block;} .float_left {float:left !important;} .float_right {float:right !important;} svg { fill: currentColor; vertical-align: sub; } .clip {overflow:hidden;} .width_100pc {width:100% !important;} .width_95pc {width:95% !important;} .width_50pc {width:50% !important;} .flex-group { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between;} .flex-align-center { align-items:center; -webkit-align-items:center; justify-content: center; -webkit-justify-content: center;} .flex-align-center-top {justify-content: center; -webkit-justify-content: center;} .rnd_corner_all, .rnd_corner_top, .rnd_corner_left, .rnd_corner_tl { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; } .rnd_corner_all, .rnd_corner_top, .rnd_corner_right, .rnd_corner_tr { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; } .rnd_corner_all, .rnd_corner_bottom, .rnd_corner_left, .rnd_corner_bl { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; } .rnd_corner_all, .rnd_corner_bottom, .rnd_corner_right, .rnd_corner_br { -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; } /* Text .............................................................................................................................................................. */ a:focus {outline:1px dotted} hr {border:0 #ccc solid;border-top-width:1px;clear:both;height:0} h1 {font-size:3.4em;} h2 {font-size:2.6em;} h3 {font-size:1.8em;} h4 {font-size:1.5em;} h5 {font-size:1.2em;} h6 {font-size:1em;} h1, h2, h3, h4 {font-weight:normal;} h1, h2, h3, h4, h5, h6 {line-height:normal !important;} ol {list-style:decimal} ul {list-style:none} ul.decimal > li {list-style-type:decimal} ol.no_bullet li, ul.no_bullet li {list-style:none !important;} .cms ul {list-style:disc} .cms li {margin-left:20px} .cms p {margin:10px 0px 10px;} ul.numeral li {list-style-type:lower-roman !important;} ul.circle li {list-style-type:circle !important;} li.circle {list-style-type:circle !important;} .cursor_pointer {cursor:pointer;} .regular_label {color:#808080; padding-top:2px;} .title {color:#404040; font-size:12pt; line-height:20pt;} .bold {font-weight:bold !important;} .light {font-weight:normal;} .underline {text-decoration:underline;} .italic {font-style:italic;} .no_underline {text-decoration:none !important;} .lineheight0 {line-height:normal !important;} .lineheight_1_6 {line-height:1.6em;} .font_12pt {font-size:12pt !important;} .font_14pt {font-size:14pt !important;} .font_pt5em {font-size:0.5em;} .font_pt8em {font-size:0.8em;} .dlb_arrow {font-size:12pt; font-weight:bold; text-decoration:none !important;} .align_center {text-align:center;} .align_right {text-align:right;} .title {color:#404040; font-size:12pt; line-height:20pt;} .was {font-weight: normal; padding-right:5px; text-decoration:line-through;} .now {font-weight:bold; padding-right:5px; text-decoration:none;} .save {font-weight:bold; color:#c30d0d; margin:0px; padding:0px; } .rokkitt {font-family: 'Rokkitt', courier, 'Courier New', serif;} label.flat input + span:before, label.flat input + span:after { font-family: 'Glyphicons Halflings'; } /* Main .............................................................................................................................................................. */ body h1:first-of-type { /*font-family:rokkitt, courier, serif;*/ margin-top:20px; } body h1:first-of-type + p { margin-bottom:20px; } /* Sprites and buttons ............................................................................................................................................... */ .asset_button_facebook {display:block; float:left; width:85px; height:95px; background:url(/_images/_sprites.v2.png) no-repeat -10px -5px; cursor:pointer;} .asset_button_twitter {display:block; float:left; width:85px; height:95px; background:url(/_images/_sprites.v2.png) no-repeat -134px -5px; cursor:pointer;} .asset_button_youtube {display:block; float:left; width:85px; height:95px; background:url(/_images/_sprites.v2.png) no-repeat -243px -5px; cursor:pointer;} .asset_icon_0pc_finance {width:111px; height:158px; background:url(/_images/_sprites.v2.png) no-repeat -643px -303px; float:left; display:block;} .asset_icon_0pc_finance2 {background:url(/_images/icons/naught_pc_finance.png) no-repeat; background-size:contain !important; float:left; display:block;} .asset_bg_floor1 {background:url(/_images/bg/metal-floor-1b.png) no-repeat bottom; background-size:contain !important; float:left; display:block;} .asset_bg_floor2 {background:url(/_images/bg/metal-floor-2b.png) no-repeat bottom; background-size:contain !important; float:left; display:block;} .asset_callforlowestprice {display:block; float:left; width:158px; height:194px; background:url(/_images/_sprites.v2.png) no-repeat -129px -260px;} .asset_paymentbyphone {display:block; float:left; width:158px; height:194px; background:url(/_images/_sprites.v2.png) no-repeat -292px -262px;} .asset_freestandarddelivery {display:block; float:left; width:152px; height:193px; background:url(/_images/_sprites.v2.png) no-repeat -460px -264px;} .asset_button_close {width:29px; height:24px; background:url(/_images/_sprites.v2.png) no-repeat -956px -172px; float:left; display:block; cursor:pointer;} .asset_button_close:hover {background:url(/_images/_sprites.v2.png) no-repeat -956px -195px;} .asset_icon_search {display:block; float:left; width:40px; height:41px; background:url(/_images/_sprites.v2.png) no-repeat -956px -45px;} .asset_icon_search_svg {display:block; float:left; width:1.6em; background:url(/_images/icons/magnifying-glass.svg) no-repeat center; cursor:pointer; margin:0px 0px 0px 10px; background-size:contain;} .asset_checkout_voucher {display:block; float:left; width:100px; height:50px; background:url(/_images/_sprites.v2.png) no-repeat -658px -16px;} .asset_nav_satdelivery {width:114px; height:75px; background:url(/_images/_sprites.v2.png) no-repeat -540px -651px; /*margin:11px 10px 0px 20px;*/} .asset_nav_freedelivery {width:114px; height:57px; background:url(/_images/_sprites.v2.png) no-repeat -1px -514px; /*margin:11px 10px 0px 20px;*/} .asset_nav_freedelivery_b {width:114px; height:65px; background:url(/_images/_sprites.v2.png) no-repeat -1px -654px; /*margin:11px 10px 0px 20px;*/} .asset_nav_call24hours {width:170px; height:59px; background:url(/_images/_sprites.v2.png) no-repeat -153px -514px; /*margin:15px 10px 0px 10px;*/} .asset_nav_call24hours_b {width:185px; height:65px; background:url(/_images/_sprites.v2.png) no-repeat -136px -657px; /*margin:7px 10px 0px 10px;*/} .asset_nav_call24hours_w {width:140px; height:46px; background:url(/_images/_sprites.v2.png) no-repeat -927px -289px; float:right !important; display:none; /*margin:6px 10px 0px 10px;*/} .asset_nav_customer_service_blk {width:32px; height:38px; background:url(/_images/_sprites.v2.png) no-repeat -1009px -165px; } .asset_nav_allbrandssupplied {width:146px; height:56px; background:url(/_images/_sprites.v2.png) no-repeat -351px -514px; /*margin:14px 10px 0px 10px;*/} .asset_prod_spec {width:44px; height:46px; background:url(/_images/_sprites.v2.png) no-repeat -8px -424px; float:left; display:block;} .asset_prod_finance {width:46px; height:46px; background:url(/_images/_sprites.v2.png) no-repeat -54px -424px; float:left; display:block;} .asset_prod_finance_w {width:38px; height:46px; background:url(/_images/_sprites.v2.png) no-repeat -1008px -120px; float:left;} .asset_prod_size {width:10px; height:46px; background:url(/_images/_sprites.v2.png) no-repeat -102px -424px; float:left; display:block;} .asset_prod_cart {width:46px; height:46px; background:url(/_images/_sprites.v2.png) no-repeat -8px -468px; float:left; display:block;} .asset_prod_cart_w {width:46px; height:46px; background:url(/_images/_sprites.v2.png) no-repeat -58px -468px; float:left;} .asset_prod_tstm {width:52px; height:46px; background:url(/_images/_sprites.v2.png) no-repeat -352px -124px; float:left; display:block;} .asset_icon_testimonials {width:60px; height:45px; background:url(/_images/_sprites.v2.png) no-repeat -234px -123px; float:left; display:block;} .asset_icon_chev_right {width:14px; height:19px; background:url(/_images/_sprites.v2.png) no-repeat -1013px -96px; float:left; display:block;} .asset_warn_lock {background:url(/_images/_sprites.v2.png) -680px -584px no-repeat; width:41px; height:59px; float:left; display:block;} .asset_warn_siren {background:url(/_images/_sprites.v2.png) -77px -584px no-repeat; width:51px; height:59px; float:left; display:block;} .asset_warn_lock {background:url(/_images/_sprites.v2.png) -217px -584px no-repeat; width:51px; height:59px; float:left; display:block;} .asset_warn_email {background:url(/_images/_sprites.v2.png) -377px -584px no-repeat; width:51px; height:59px; float:left; display:block;} .asset_warn_telephone {background:url(/_images/_sprites.v2.png) -728px -584px no-repeat; width:51px; height:59px; float:left; display:block;} .asset_verifiedbyvisa {background:url(/_images/_sprites.v2.png) -300px -216px no-repeat; width:85px; height:34px; float:left; display:block;} .asset_mastercard_sc {background:url(/_images/_sprites.v2.png) -384px -216px no-repeat; width:71px; height:34px; float:left; display:block;} .asset_ {display:block; float:left; background:url('/_images/_sprites.v2.png'); background-repeat:no-repeat;} .asset_.reviews_heart {background-position:-124px -263px; width:50px; height:42px;} .asset_.call_for_help {background-position:-175px -263px; width:50px; height:53px;} .asset_.confirm_size {background-position:-241px -263px; width:62px; height:53px;} .asset_.confirm_delivery_time {background-position:-312px -263px; width:50px; height:53px;} .asset_.returns_details {background-position:-376px -263px; width:119px; height:53px;} .asset_.secure_shopping_lock {background-position:-522px -263px; width:60px; height:53px;} .asset_.international_delivery {background-position:-115px -320px; width:50px; height:53px;} .asset_.secure_checkout_lock {background-position:-175px -320px; width:50px; height:53px;} .asset_.tick_blue {background-position:-249px -322px; width:26px; height:20px;} .asset_.cross_grey {background-position:-249px -345px; width:26px; height:20px;} .asset_.placemark {background-position:-131px -383px; width:31px; height:51px;} .asset_.secure_details {background:url(/_images/icons/secure-details.png) center no-repeat; width:50px; height:53px; background-size:contain;} .asset_.id_required {background:url(/_images/icons/customer-verification.png) center top no-repeat; width:50px; height:70px; background-size:contain;} .btn_message_us { background-color:#e6efff; border: 1px solid transparent; border-radius:2px; box-shadow: 1px 1px 15px rgba(255, 255, 255, 0.5); color: #020F26; display: inline-block; font-weight: 600; padding:3px 10px; transition: transform 0.5s ease-in-out; } .btn_message_us:hover { border: 1px solid #fff; box-shadow: 2px 4px 4px rgba(153,181,232,0.3); text-decoration: none; transition: transform 0.5s ease-in-out; -webkit-transform: translate(0px, -3px); -moz-transform: translate(0px, -3px); -o-transform: translate(0px, -3px); } .tab-content { margin-top:20px; } .read_more { background-color:#f4f4f4; border-radius:3px; color: #335f92; font-size: 0.8em; font-weight: bold; padding: 1px 5px 3px 5px; white-space: nowrap; } ul#brand_logos { display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; } /* Checkout page ............................................................................................................................................................ */ .products_all_foot {background:url('/_images/bg/products_all_foot.png') top center no-repeat; height:171px;} .products_all_foot.lime {background-image:url('/_images/bg/products_all_foot_lime.png');} /* Footer ................................................................................................................................................................... */ #footer-cards { background:#383838; clear:both; color:#ccc; float:left; font-size:1rem; } #footer-contact { padding-bottom:20px; padding-top:20px; } #footer-cards p { font-size:1.5rem; font-weight: 600; padding: 1.5rem 15px 0.5rem 15px; } footer #payment_cards { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-bottom:20px; } footer #payment_cards img { margin-bottom:0.5rem; } #payment_cards > * { height: fit-content; margin-right:30px; } #footer div, #footer span { color:#ffffff; } #footer p.footer_info { font-size:8pt; padding-left:10px; padding-top:15px; text-align:left; } #footer ul.menu_footer, #footer table.opening_times { font-size: 0.9em; } #footer ul.menu_footer.policies li { float: left; margin-right: 1em; } #footer ul.menu_footer.policies li a { color: #fff !important; } #footer .opening_times td { border:none; padding-left:0px; } #footer .opening_times .am, #footer .opening_times .pm { width:3em; } #footer .opening_times .closed, #contact-details .opening_times .closed { color:#777; text-align:center; } #footer .opening_times .closed { padding-right: 25px; } #footer .opening_times .col_c, #contact-details .opening_times .col_c { padding-left:0.5em; padding-right:0.5em; text-align:center; width:1em; } #footer .opening_times .col_b { text-align:right; } #footer .opening_times .col_a { width:100px; } #footer .opening_times .am:after, #footer .opening_times .pm:after { font-size:0.7em; } #footer .opening_times .am:after { content: ' am'; } #footer .opening_times .pm:after { content: ' pm'; } #footer .opening_times .pm { width:4em; } #footer-contact .dhc_logo svg { width:75%; } #footer-contact .dhc_logo > div { color: #e0e0e0; font-size: 0.8em; font-weight: 600; letter-spacing: 1px; padding-top:1em; text-transform: uppercase; } #promo_close { border: 2px solid #ccc; margin:15px; padding:7px 5px 6px 5px; position:absolute; right:0; } #popup_content {background-color:#444; padding:10px 15px 15px 15px; color:#fff; text-align:center;} #policy_popup {width:50%; padding:20px; background-color:#333;} #policy_popup a, #policy_popup h2, #policy_popup h3 {color:#6990da !important;} #policy_popup table {max-width:575px;} #policy_popup table td {text-align:left;} #promo_popup p { margin:0px; padding:0px 15px;} #promo_popup { background-color:#fff; top:10% !important; max-width:622px; width:100%;} #promo_popup input { border:none !important; font-size:12pt; padding:2px 5px;} #promo_popup .asset_button.btn_more { float:right; padding-right:10px; text-align:right; } #promo_popup .asset_button span#timer { font-size:12px; text-align:center; text-transform:lowercase; } #promo_popup #svg-button-x { cursor:pointer; display:block; float:left; } #promo_popup a { color:inherit !important; } #bosch-yamaha { margin-top:16px; } #footer-social svg { float:left; height:4rem; margin-right:2rem; } #footer-social a:last-of-type img{margin-right:0px; } #bosch-yamaha svg { float:left; margin-right:5px; height:6rem; } #brand_logos img.brand_logo {margin-bottom:10px; margin-right:20px; max-width:80px; max-height:50px;} .jspTrack { background:url('/_images/2x2-afbfd2.png') center repeat-y !important; } .jspDrag { background: #688cd0; border-color:#688cd0; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 10px; width: 15px; margin-left: 4px; } .jspArrow.jspArrowUp {background:url('/_images/_sprites.v2.png') -953px -18px no-repeat !important; height:15px;} .jspArrow.jspArrowUp:hover {background:url('/_images/_sprites.v2.png') -973px -18px no-repeat !important; height:15px;} .jspArrow.jspArrowDown {background:url('/_images/_sprites.v2.png') -953px 0px no-repeat !important; height:15px;} .jspArrow.jspArrowDown:hover {background:url('/_images/_sprites.v2.png') -973px -0px no-repeat !important; height:15px;} /* Product container ............................................................................................................................................................ */ .prod_div:not(.category_block):hover{border-color:#b4d2ff !important;} .prod_div p {margin-bottom:5px;} .rating .glyphicon-star {color:#ffac00;} .rating .our-choice {color:#345cba;} .rating .best-value {color:#548f00;} .rating .best-seller {color:#76248e;} .rating > span {float:left; margin-top:-3px;} .prod_flag_icon.pf6 {background:url(/_images/_sprites.v2.png) -594px -464px no-repeat;} /* our choice */ .prod_flag_icon.pf7 {background:url(/_images/_sprites.v2.png) -444px -464px no-repeat;} /* best value */ .prod_flag_icon.pf8 {background:url(/_images/_sprites.v2.png) -694px -464px no-repeat;} /* best seller */ .prod_flag_icon.pf9 {background:url(/_images/_sprites.v2.png) -494px -464px no-repeat;} /* new */ .prod_flag_icon.pf99 {background:url(/_images/_sprites.v2.png) -643px -464px no-repeat;} /* sale */ .prod_div .p_avail > span {font-size:10pt; font-weight:bold; padding:2px 5px; text-transform:uppercase;} .prod_div .p_avail.call_for_specs > span {background-color:#f1f1f1; color:#484848;} .prod_div .p_avail.call_for_availability > span {background-color:#f1f6ff; color:#294984;} .prod_div .p_avail.pre_order > span {background-color:#f5fff1; color:#366820;} .prod_div .now {width:100%;} .prod_div .save {width:auto;} .video_div {height:270px; padding:5px; margin:1em 0 1em 0;} #you_viewed .prod_div > a:first-of-type { background-color:#fff; overflow:hidden; } /* Product page ............................................................................................................................................................ */ .video_thumb { background:url('/_images/buttons/play-video.png') right no-repeat; height:220px; width:100%; } .video_thumb:hover { background:url('/_images/buttons/play-video-hover.png') right no-repeat; } #popup_content .jspVerticalBar, #prod-spec .jspVerticalBar, #p-controls .jspVerticalBar { width: 23px; } #popup_content .jspDrag { left:2px; width:13px; } #you_viewed .prod_div { background-color:transparent; } #you_viewed .prod_div div:first-of-type a { flex:1; -webkit-flex:1; } #you_viewed, #product #p-suggested { background-color:#5173b3; padding:20px 0px; } #you_viewed div.prod_div, #product #p-suggested div.prod_div { border-color:transparent; } #you_viewed .prod_div *, #product #p-suggested .prod_div *, #product #p-suggested .asset_button { color:#fff; } #you_viewed .prod_price *, #product #p-suggested .prod_price * { /*font-size: 1.6rem;*/ font-weight: bold !important; } #you_viewed, #product #p-suggested { color:#fff; } #you_viewed h2, #landing_page_subsections_features h2 { margin-bottom:20px; margin-top:5px; } #you_viewed .master, #you_viewed .prod_div .rating, #product #p-suggested .prod_div .rating { display: none; } #you_viewed .staff_picks h2, #sale-page #you_viewed .staff_picks h2 { color:#b9ff7a; margin:0px 15px 0px 0px; padding-left:0px; padding-right:0px; } #product #p-suggested .asset_button { background-color: #2f4670; } #you_viewed .asset_button { background-color: #222; border: none; border-radius: 5px!important; color:#b9ff7a; padding-right:15px; width: auto!important; } #p-breadcrumb { display: flex; display: -webkit-flex; align-items: baseline; -webkit-align-items: baseline; flex-wrap: wrap; -webkit-flex-wrap: wrap; font-weight:300; list-style-type: none; margin:0; padding-top:10px; } #p-breadcrumb > * { float:left; margin-bottom: 0px; } #p-breadcrumb li > a { color:inherit; font-size:2rem; } #p-breadcrumb li { display:inline-block; float:none; } #p-breadcrumb li:after { color:#9BDC61; content: "\e080"; font-family: 'glyphicons halflings'; font-size: 1.5rem; margin: 0 0.7rem; } #p-breadcrumb h1 { font-family:'source sans pro', helvetica, arial, sans-serif; font-size:2em; padding:0; margin:0; } /* Range of products ........................................................................................................................................................ */ .brand_logo, #brand_logos li { background-position: center !important; background-repeat:no-repeat !important; background-size:contain !important; border:1px solid transparent; display:block; float:left; height:60px; margin:10px; padding-top:5px; width:100px; } #brand_logos li a { height:100%; } #brand_logos li a:hover { text-decoration:none; } .product_group h3 { float:left; width:100%; } .product_group h3 { /*font-family:sanchez, rokkitt, courier;*/ margin-top:20px; } /* Contact page ............................................................................................................................................................ */ #enquiry h4 { margin:10px 0px 5px 0px; } table.opening_times { margin:0px 0px 20px 0px; } .opening_times th { border-bottom:1px solid #e0e0e0; padding:0px 10px 0px 5px; } #contact-details .col_b { text-align:right; } #contact-details, #contact-details table.opening_times { float:left; width:100%; } #contact-details table.opening_times { margin-top:0px; } #contact-details table.opening_times td { border:none; padding-left:0px; } #contact-details table.opening_times td.col_a span { background-color:#E6EFFF; border:1px solid transparent; border-radius:2px; font-size:0.8em; font-weight:normal; margin-left:5px; padding:3px 6px; } #contact-details table.opening_times td.col_a span.closed_now { background-color:transparent; color:#5A7FC3; margin-left:0px; padding-left:0px; } #contact-details table.opening_times td.col_a span.closing_soon { background-color:transparent; border-color:#FFCA67; color:#E29401; font-weight:bold; } #contact-details table.opening_times .not_open { color:#868686; } /* Product page additional ............................................................................................................................................................. */ #visitor-notification, #voucher_offer_a { border-radius:5px; float:left; padding:12px 15px 5px; width:100%; } #voucher_offer_a { background-color: #E6FFC6 !important; color: #3c7f00 !important; display:none; } #p_enquiry { -moz-border-radius:8px; border-radius:8px; background-color: #484848; margin-top:20px; } #p_enquiry h3 { color:#c5cc32 !important; } #p_enquiry p { font-weight:300; } #p_enquiry form, #p_enquiry p { color:#f8f8f8; } #p_enquiry form { margin-top:5px; } #p_enquiry > .asset_button { border-radius:0 0 4px 0; display:block; float:right; } /* Policy content ............................................... */ .policy_content table, #policy_popup .cms table { border:1px solid #e0e0e0; font-size:0.85em; margin-bottom:15px; margin-top:15px; width:100%; } #policy_popup .cms li { text-align:left; padding-right:3rem; } /* Newsletter sign-up panel ...................................................................................................................................... */ #subscriber-added { height: 0; opacity: 0; visibility: hidden; overflow: hidden; animation: flash-grow 300ms ease-out 1s forwards, flash-collapse 300ms ease-in 4s forwards; /* 0.3s grow + 3s hold = start at 3.3s */ background-color: #fff; color: #333; padding:0px; text-align: center; width:100%; } #subscriber-added span { float: left; font-size: 2rem; padding: 10px 15px; text-align: center; width:100%; } @keyframes flash-grow { from { height: 0; opacity: 0; visibility: visible; } to { height: 50px; opacity: 1; visibility: visible; } } @keyframes flash-collapse { from { height: 50px; opacity: 1; visibility: visible; } to { height: 0; opacity: 0; visibility: hidden; } } @keyframes emerge_collapse { from {height: 0px;} to {height: 30px;} } @-moz-keyframes emerge_collapse { from {height: 0px;} to {height: 30px;} } /* Firefox < 16 */ @-webkit-keyframes emerge_collapse { from {height: 0px;} to {height: 30px;} } /* Safari, Chrome and Opera > 12.1 */ @-o-keyframes emerge_collapse { from {height: 0px;} to {height: 30px;} } /* Opera < 12.1 */ #stay-in-the-know { margin-bottom:calc(40px + 2vw); margin-left:20px; padding-bottom:40px; padding-top:40px; width:calc(100% - 40px); } #stay-in-the-know > .container, #stay-in-the-know .col_a, #stay-in-the-know picture, #stay-in-the-know #subscribe .group, #stay-in-the-know #subscribe .btn { display:flex; display:-webkit-flex; } #stay-in-the-know .col_a, #stay-in-the-know #subscribe .btn { flex-direction:column; -webkit-flex-direction:column; } #stay-in-the-know h2 { margin:20px auto 5px 0px; } #stay-in-the-know .col_a { padding: 0px; } #stay-in-the-know picture, #stay-in-the-know picture img { position:relative; } #stay-in-the-know picture { overflow:hidden; padding:0px; } #stay-in-the-know picture img { object-fit:cover; } #stay-in-the-know .col_b { justify-content: center; -webkit-justify-content: center; background-color:#f0efeb; text-align: left; } #stay-in-the-know h3 { margin-right:auto; margin-top: 20px; } #stay-in-the-know #subscribe, #stay-in-the-know #subscribe .group { width:100%; } #stay-in-the-know #subscribe { background-color:#fff; border-radius:4px; margin-bottom: 40px; margin-top: 40px; padding-bottom:10px; padding-top:10px; } #stay-in-the-know #subscribe input { background-color:#fff; border:none; border-radius:3px; color:#333; flex:1; -webkit-flex:1; font-size:1.2em; line-height:40px; margin-bottom:0px; margin-top:0px; padding-left:10px; text-align: center; } #stay-in-the-know #subscribe .btn { align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background-color: #333; border-color: transparent; color: #fff; font-size: 1.5rem; margin: 0px 15px 0px auto; padding: 0.5em 1em; width:auto; } #stay-in-the-know #subscribe .btn:hover { background-color: #548128; } @media screen and (min-width:992px) { #stay-in-the-know .banner_promo { padding: 20px; } #stay-in-the-know, #stay-in-the-know .slideshow-container, #stay-in-the-know .mySlides.show, #stay-in-the-know picture, #stay-in-the-know picture img { max-height: 670px; } } @media screen and (max-width:991px) { #stay-in-the-know { flex-direction: column; -webkit-flex-direction: column; margin-bottom: 30px; margin-left: 15px; margin-right: 15px; padding-top: 0px; width: calc(100% - 30px); } #stay-in-the-know h3 { margin-left: auto; text-align: center; } #stay-in-the-know #subscribe { margin: 20px 0px; padding: 10px 0px; } #stay-in-the-know #subscribe input { font-size: 2rem; padding-left: 5px; } #stay-in-the-know #subscribe .btn { font-size: 2rem; margin-right: 10px; padding: 0.5em 1em; } } /* jScrollPane ............................................................................................................................................................ */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspPane li h3, .jspPane li p { text-align:left; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 13px; height: 100%; } .jspHorizontalBar { background: transparent; bottom: 0; position: absolute; left: 0; width: 100%; height: 16px; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { position: relative; } .jspDrag { background: #fff; border:1px solid #5b5135; border-radius: 5px; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 15px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } @media screen and (max-width:991px) { .rowx_998 { float:left; width:100%; } .carousel-caption .asset_button { bottom:75px; left:35%; right:35%; } #policy_popup {width:85%;} #popup_content p {font-size:1.2em;} #p-breadcrumb h1 { font-size: 1.9em; font-weight:normal; } .prod_div { font-size:2rem !important; } #range .prod_div { width:31%; } .prod_div .rating { padding-left:10px; } .prod_div .rating svg { height:40px; } #range .prod_div .thumb_container { /*max-height: 100%;*/ max-width: 100%; } ul.cms table { font-size:1.1em; } #footer-contact .dhc_logo > div { margin-bottom:1em; } footer #payment_cards { -webkit-justify-content: flex-start; justify-content: flex-start; } } @media screen and (max-width:768px) { .carousel-indicators { margin-bottom:15px; } .carousel-caption .asset_button { bottom:60px; } .prod_div { width:48% !important; } #range .prod_div { width:46%; } #primary-nav.sticky_header + header { margin-top:150px; } #primary-nav.sticky_header { background-color:#d0e1ff; } .tab-content { margin-top:0px; } #payment_cards img { margin-right:6px; } } @media screen and (min-width:768px) { .carousel-caption p { margin-bottom: 20px; } #footer-link-lists > div:not(:last-of-type) { border-right:1px solid #4c4f0d; } } @media screen and (min-width:992px) { .prod_div .rating { margin-left:0.7em; } #you_viewed div.prod_div { margin: 10px 2% 30px 2%; width:20%; } #testimonials #comments { margin-top:10em; } } @keyframes fadein { from {opacity: 0;} to {opacity: 1;} } @-moz-keyframes fadein { from {opacity: 0;} to {opacity: 1;} } /* Firefox < 16 */ @-webkit-keyframes fadein { from {opacity: 0;} to {opacity: 1;} } /* Safari, Chrome and Opera > 12.1 */ @-o-keyframes fadein { from {opacity: 0;} to {opacity: 1;} } /* Opera < 12.1 */