input[type="text"],
input[type="password"],
select,
textarea {
    font-size: 12px;
    height: 30px;
}


@font-face {
    font-family: 'SilkscreenNormal';
    src: url('fonts/slkscr-webfont.eot');
    src: url('fonts/slkscr-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/slkscr-webfont.woff') format('woff'), url('fonts/slkscr-webfont.ttf') format('truetype'), url('fonts/slkscr-webfont.svg#SilkscreenNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

.contSentEO ul~p {
    padding-top: 1rem;
    clear: both;
}

body {
    margin: 0 auto;
    font-family: Verdana, sans-serif !important;
    font-size: 1em;
    padding: 0px;
    color: #808080;
    background: #f1f1f1 url(../images/layout/main_bg.png) repeat 0 0;
}

a {
    color: #808080;
    text-decoration: none;
}

a:hover {
    color: #808080;
    text-decoration: underline;
}

h1.heading1 {
    font-size: 10px;
    line-height: normal;
    position: absolute;
    z-index: 125;
    color: #b1b0b0;
    font-weight: normal;
}

#holder {
    margin: 0 auto;
    padding-right: unset;
    padding-left: unset;
    max-width: 1510px;
}

#nav-bar-container {
    margin-left: auto;
    margin-right: auto;
    max-width: unset;
}

@media screen and (max-width: 1440px) {
    #main {
        width: 100%;

    }
}

#main {
    /*! height: 100%; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: #333333 0px solid;
}

#outer_main {
    /*! height: 100%; */
    float: left;
    background: #fff;
    padding: 0;
}

#logo {
    height: 36px;
    width: 152px;
    margin-top: 10px;
    margin-left: 0px;
    float: left;
    background-image: url(../images/logo.gif);
    background-repeat: no-repeat;
}

.header-logo {
    max-width: 22rem;
    width: 100%;
    margin-top: 2.13541vw;
}

.header-phone-text {
    margin-bottom: 0;
    margin-top: 1.8229vw;
    line-height: 1;
    font-size: 1rem;
    margin-right: 0.6vw;
    letter-spacing: 1.1px;
}

.header-phone {
    color: #FE9900;
    font-size: 2.9rem;
    font-weight: bold;
    margin-right: 0.6vw;
    line-height: 1.2;
}
.header-phone a {
    color: #FE9900;
    transition: 0.3s;
    text-decoration: none;
}

@media (max-width: 1287px) {
    .header-phone-text {
        padding-left: 20px;
    }

    .header-phone {
        font-size: 2.5rem;
    }
}

.header-top-links {
    font-size: 0.834vw !important;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: end;
}

.header-top-links span i {
    margin-left: 0.85vw;
    font-size: 1.042vw;
}

.header-top-links i {
    margin-left: 0.5vw;
    font-size: 1.042vw;
}

.header-top-links a {
    text-decoration: none;
    color: inherit;
    font-size: 1rem;
    letter-spacing: 1px;
}

.header-hover span:hover,
.header-top-links i:hover {
    color: #FE9900;
}

.header-small-link-text {
    margin-right: 1em;
}

.header-social-link {
    margin-left: 1em;
}

.header-small-links {
    color: black;
    margin-top: 1.8em;
    font-size: 1.2em;
}

.header-small-link-basket {
    margin-top: 0.8em;
}

.header-small-links a {
    color: black;
    font-size: 0.8rem;
}

.header-small-links:hover {
    color: #FE9900;
}

.header-small-links a:hover {
    color: #FE9900;
}

.shopping-cart-count {
    background-color: #FE9900;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    position: relative;
    top: -65%;
    left: 75%;
}

.shopping-cart-count p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    line-height: 0;
    margin: 0;
}

.nav-bar {
    background-color: black !important;
    color: white !important;
    height: 3.646vw;
    padding: unset !important;
    font-size: 0.833vw;
}

.nav-bar-cell {
    display: inline-block;
    margin-right: 1.562vw;
    margin-top: 0.573vw;
    margin-bottom: 0.573vw;
}

.nav-bar-cell-last {
    display: inline-block;
    margin-right: 2.448vw;
}

.nav-bar-search-cell {
    display: inline-block;
    position: relative;
    margin-top: 1.04175vw;
    margin-bottom: 1.04175vw;
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .nav-bar-search-cell-container {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    #user_preference_banner_wrapper {
        width: 100% !important;
    }
}

.search-box input {
    margin: unset !important;
    height: 1.5625vw;
}

.search-box {
    position: relative;
    max-width: unset !important;
}

.search-box i {
    position: absolute;
    top: 50%;
    right: 0.4rem;
    transform: translateY(-50%);
    color: #FE9900;
}

.search-results {
    background: #359B2B;
    width: 100%;
    height: 4vw;
    margin-top: 1vw;
    color: white;
    font-size: 0.9vw;

}

.search-results .items-found {
    line-height: 4vw;
    padding-left: 1vw;
}

.search-results .display-count {
    line-height: 4vw;
}

.search-results .display-count select {
    width: 4vw;
}

.search-results .order-by {
    line-height: 4vw;
}

.search-results .order-by select {
    width: 11vw;
}
.search-results .order-by select:hover,
.search-results .display-count select:hover {
    cursor: pointer;
}
.search-results .paginate {
    line-height: 4vw;
}

.search-results .paginate a:link {
    color: white;
}

.search-results .paginate a:active {
    color: white;
}

.search-results .paginate a:hover {
    color: white;
}

.search-results .paginate a:visited {
    color: white;
}

.sub-cat-product {
    margin-left: 2vw;
    width: calc(100% - 2vw);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: 25vw;
    margin-bottom: 2rem;
    transition: 0.3s;
}
.sub-cat-product:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}

.sub-cat-product a {
    text-decoration: none;
    color: black;
}

.sub-cat-product a:link {
    text-decoration: none;
    color: black;
}

.sub-cat-product a:hover {
    text-decoration: none;
    color: black;
}

.sub-cat-product a:visited {
    text-decoration: none;
    color: black;
}

.sub-cat-product a:active {
    text-decoration: none;
    color: black;
}

.sub-cat-product img {
    width: 100%;
    max-height: 70%;
}

.sub-cat-product .manufacturer {
    font-weight: bold;
    font-size: 0.8vw;
    margin-top: 0.6vw;
}

.sub-cat-product .prod-title {
    font-size: 0.8vw;
}

.sub-cat-product .prod-desc {
    font-size: 0.8vw;
}

.sub-cat-product .price {
    font-size: 1.2vw;
}

.bottom-pagination-container {
    color: #A69897;
    font-size: 0.8vw;
    height: 3vw;
}

.bottom-pagination a:link {
    color: #A69897;
}

.bottom-pagination a:visited {
    color: #A69897;
}

.bottom-pagination a:hover {
    color: #A69897;
}

.bottom-pagination a:active {
    color: #A69897;
}

.bottom-pagination .selected-page {
    background-color: #A69897;
    color: white;
    width: 1.5vw;
    height: 1.5vw;
    display: inline-block;
    position: relative;
    transform: translateY(0.5vw);
}

.bottom-pagination span b {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bottom-pagination .page-label,
.bottom-pagination a {
    line-height: 3vw;
}

#homepage-imagescm {
    float: left;
    margin: 28px 0 0 1px;
}

#homepage-imagescm img {
    border: 0px;
}

.formcontactus {
    width: 165px;
    height: 163px;
    background: url(../images/contact.gif);
    float: right;
}

#shop_products {
    height: 32px;
    width: 210px;
    float: left;
    background-image: url(../images/shopping-cat.png);
    background-repeat: no-repeat;
    margin: 18px 0 5px 0px;
    cursor: pointer
}

#shop_cat {
    height: 19px;
    width: 186px;
    float: left;
    background-image: url(../images/shop-cat.png);
    background-repeat: no-repeat;
    margin: 18px 0 5px 14px;
}

#shop_cat1 {
    height: 19px;
    width: 186px;
    float: left;
    background-image: url(../images/selector.png);
    background-repeat: no-repeat;
    margin: 18px 0 5px 14px;
}

/*#product_yellow1{height:18px;width:135px;float:left;background-image:url(../images/products-yellow.gif);background-repeat:no-repeat; margin-top:6px;margin-left:6px;padding-bottom:2px;}
 #services_yellow1{height:18px;width:68px;float:left;background-image:url(../images/services-yellow.gif);background-repeat:no-repeat;clear:both;margin-left:6px;margin-top:1px;margin-bottom:-1px;}
 */

#product_yellow1 {
    height: 15px;
    width: 181px;
    float: left;
    background-image: url(../images/products.png);
    background-repeat: no-repeat;
    margin: 18px 0 5px 14px;
}

#services_yellow1 {
    height: 15px;
    width: 185px;
    float: left;
    background-image: url(../images/services.png);
    background-repeat: no-repeat;
    clear: both;
    margin: 18px 0 5px 14px;
}

.impinfo {
    background-color: #f4f4f4;
    font-size: 11px;
    color: #555;
    padding: 10px;
    line-height: 12px;
    margin: 10px 0;
    border: #eaeaea 1px solid;
}

.impinfo strong {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.filterback {
    padding: 0px 0 10px 5px;
    float: left;
    width: 100%;
    background: #efefef url(../images/shop/filter-back.png);
    background-repeat: no-repeat;
    margin: 0 0 20px 0
}

.filterbacktext {
    margin: 0px 0 5px 55px;
    float: left;
    width: 550px;
    border: 0px solid #555;
    height: 30px;
    padding: 0px 0 0 0;
    line-height: 13px
}

#sidenavcontainer {
    width: 210px;
    height: 210px;
    margin-left: 0px;
    float: left;
    margin-top: 0px;
    background-image: url(../images/menu.jpg);
}

#shorizontal {
    float: left;
    margin: 0px;
    padding: 0px;
}

#shorizontal ul {
    list-style-type: none;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
}

#shorizontal ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    clear: both;
}

#shorizontal a img {
    border: 0;
    float: left;
    margin: 0px;
    padding: 0px;
}

#shorizontal ul li a {
    display: block;
    height: 23px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    /*border-right:blue 1px solid; for IE 6 */
}

#shorizontal ul li a#industrial {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-repeat: no-repeat;
    margin-top: 0px;
}

#shorizontal ul li a#industrial:hover {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-position: 0 -210px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#shorizontal ul li#active a#industrial {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-position: 0 -210px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#shorizontal ul li a#commercial {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-position: 0 -70px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#shorizontal ul li a#commercial:hover {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-position: 0 -280px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#shorizontal ul li#active a#commercial {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-position: 0 -280px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#shorizontal ul li a#residential {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-position: 0 -140px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#shorizontal ul li a#residential:hover {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-position: 0 -350px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#shorizontal ul li#active a#residential {
    height: 70px;
    width: 210px;
    float: left;
    background-image: url(../images/_main_buttons.png);
    background-position: 0 -350px;
    background-repeat: no-repeat;
    margin-top: 0px;
}

#searchbox {
    height: 28px;
    width: 162px;
    margin-top: 3px;
    margin-left: 787px;
    float: left;
    background-image: url(../images/searchbox.jpg);
    background-repeat: no-repeat;
}

#searchbutton {
    height: 20px;
    width: 26px;
    margin-top: 4px;
    margin-left: 0px;
    float: left;
    background-image: url(../images/searchbutton.jpg);
    background-repeat: no-repeat;
}

/**************************************************************************HORIZONTAL MENU****************************************************************************/

#topnavcontainer {
    width: 659px;
    float: right;
    margin-top: 8px;
}

#new {
    width: 26px;
    height: 12px;
    float: left;
    position: absolute;
    background: url(../images/new.png);
    margin: 0 0 0 315px
}

.top_h1 {
    width: 200px;
    height: 12px;
    float: right;
    position: absolute;
    font-size: 8px;
    margin: 2px 160px 0 788px;
    text-align: right;
    border: 0px solid #999
}

.top_h1 h1 {
    margin: 0px;
    font-size: 8px;
}

#horizontal {
    float: right;
    margin-right: 15px;
}

#horizontal ul {
    list-style-type: none;
    float: left;
    margin: 10px 0 0 0
}

#horizontal ul li {
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
}

#horizontal a img {
    float: left;
}

#horizontal ul li a {
    display: block;
    overflow: hidden;
    color: #868686;
    /*border-right:blue 1px solid; for IE 6 */
}

#horizontal ul li a:hover {
    color: #FF0000;
    text-decoration: none;
}

#horizontal ul li a:active {
    color: #FF0000;
    text-decoration: none;
}

#horizontal ul li ul {
    /*font-weight: bold;*/
    background: #FaFafa;
    line-height: 20px;
}

#horizontal ul li ul li a {
    list-style: none;
    display: block;
    margin-right: 3px;
    padding-right: 1px;
    margin-left: 0px;
    padding-left: 0px;
    background: #FaFafa;
    height: 20px;
    line-height: 20px;
    margin-left: -27px;
    text-align: left;
    text-indent: 0px;
    width: 10em;
    font-size: 12px;
}

#horizontal ul li ul a span {
    display: block;
}

#horizontal ul li ul li a:hover,
#horizontal a:hover span {
    display: block;
}

#horizontal ul li ul li li {
    float: left;
    padding-right: 2px;
}

#horizontal ul li ul li:hover {
    height: 20px;
}

#horizontal li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    background: #aaaaaa;
    text-transform: capitalize;
    z-index: 2;
    clear: both;
}

#horizontal li:hover ul {
    left: auto;
}

#horizontal li:hover ul,
#horizontal li.sfhover ul {
    left: auto;
}

/*******************************************************************Menus *********************************************************************************************/

/*Gallery Boxes */

#mainpage {
    /*! height: 100%; */
    width: 100%;
    float: left;
    padding: 0 0 30px 0;
    margin-top: 1vw;
}

#center.col-default {
    /*width:608px;*/
    width: 97%;
    padding: 0 0 12px 0;
}

.col-default .inner1 {
    width: 100%;
    /*float: left;*/
}

.col-default .inner2 {
    width: 25%;
    float: left;
}

/*.col-default .inner2 > div > div {margin: 10px 0px 0px 0px !important;}*/
#center.col-shopping {
    padding: 0 0 5px 0;
    margin-top: 2vw;
}

#center.col-full {
    width: 811px;
    padding: 12px;
}

.cat-box {
    width: calc(100% - 2vw);
    margin-left: 2vw;
    margin-bottom: 2vw;
    height: 20vw;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: border-color 0.5s;
    border-bottom: 4px solid transparent;
}
.cat-box:hover {
    border-bottom: 4px solid #FE9900;
}

.cat-box a:hover {
    text-decoration: none;
}

.cat-box a:active {
    text-decoration: none;
}

.cat-box a:link {
    text-decoration: none;
}

.cat-box a:visited {
    text-decoration: none;
}

.cat-box img {
    height: 70%;
    width: 100%;
}

.cat-box .cat-name {
    position: absolute;
    top: 52.75%;
    left: 0;
    background: rgba(64, 62, 62, 0.7);
    color: white;
    width: 100%;
    height: 17.25%;
    font-size: 0.8vw;
    font-weight: bold;
}

.cat-name div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.cat-prices {
    height: 30%;
    font-size: 1vw;
    color: black;
    word-spacing: 9999999px;
    /* Hack to get line break between every word */
    margin-top: 0.5vw;
}

.cat-prices strong {
    font-size: 1.5vw;
    color: #1289AB;
}

.cat-prices .bespoke strong {
    font-size: 1.5vw;
    color: #FE9900;
}

.cat-break {
    border-left: 1px solid rgba(156, 156, 156, 0.5);
    margin-top: 0.3vw;
    margin-bottom: 0.5vw;
}

.cat-text {
    margin: 2vw;
    font-size: 0.8vw;
}

.cat-secure-shopping {
    background-color: #DDDDDD;
    width: calc(100% - 4vw);
    height: 4vw;
    margin: 2vw;
}

.cat-secure-shopping .secure-message {
    color: #359B2B;
    font-size: 0.8vw;
    font-weight: bold;
    height: 100%;
    position: relative;
}

.cat-secure-shopping .secure-message i {
    font-size: 2vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cat-secure-shopping .secure-message span {
    line-height: 4vw;
}

.secure-shop-img-holder {
    position: relative;
    width: 100%;
    height: 4vw;
}

.secure-shop-img-holder img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#productc {
    height: 20px;
    width: 584px;
    float: left;
    background-image: url(../images/catalogue.gif);
    background-repeat: no-repeat;
    margin-left: 4px;
    margin-top: 22px;
}

#imagebox1 {
    height: 165px;
    width: 130px;
    float: left;
    margin-left: 8px;
    margin-top: 10px;
    border-top: #00BB39 solid 5px;
    border-left: #00BB39 solid 5px;
    padding-left: 30px;
    font-size: 9px;
}

#imagebox2 {
    height: 165px;
    width: 130px;
    float: left;
    margin-left: 25px;
    padding-left: 30px;
    margin-top: 10px;
    border-top: #E40035 solid 5px;
    border-left: #E40035 solid 5px;
    font-size: 9px;
}

#imagebox3 {
    height: 165px;
    width: 130px;
    float: left;
    margin-left: 25px;
    padding-left: 30px;
    margin-top: 10px;
    border-top: #00A9CE solid 5px;
    border-left: #00A9CE solid 5px;
    font-size: 9px;
}

#residential-image {
    height: 102px;
    width: 128px;
    float: left;
    background-image: url(../images/residential-image.jpg);
    background-repeat: no-repeat;
}

#commercial-image {
    height: 102px;
    width: 128px;
    float: left;
    background-image: url(../images/commercial-image.jpg);
    background-repeat: no-repeat;
}

#industrial-image {
    height: 102px;
    width: 128px;
    float: left;
    background-image: url(../images/indrustrial-image.jpg);
    background-repeat: no-repeat;
}

#right {
    float: left;
    padding: 0;
    margin: 0;
}

#right.col-default {
    width: 203px;
}

#right.col-shopping {
    width: 160px;
    margin: 0 0 0 2px;
}

#righttext {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    color: #a1a1a1;
    font-size: 11px;
    font-weight: bold
}

input {
    /*width:155px;height:13px;*/
    margin-top: 1px;
}

#events {
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 17px;
    border-bottom: 1px dashed #eeeeee;
    height: 50px;
}

.link {
    color: #993333;
}

.link a {
    color: #993333;
}

.title,
.date {
    font-weight: bold;
    margin-right: 10px;
    clear: both
}

#mlabel {
    width: 190px;
    float: left;
    height: 20px;
    clear: both;
}

.int {
    padding-right: 470px;
    float: left;
}

/*********************************************************************************************************************************************************************/

/******************************************************************* Product details *********************************************************************************/

.button {
    display: inline-block;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.button:hover {
    color: #fff;
}


.view-menu {
    position: relative;
    float: left;
    height: 26px;
    width: 165px;
    padding: 8px 20px;
    background-color: #000;
    border-right: 5px solid #fe9900;
    border-left: 5px solid #fe9900;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

.view-menu .left-menu {
    position: absolute;
    top: 42px;
    left: 0;
    font-size: 12px;
    opacity: 0;
    visibility: hidden;
    z-index: 900;
    transition: opacity 300ms ease-in-out 800ms, visibility 300ms ease 800ms;
}

.view-menu:hover .left-menu {
    opacity: 1;
    visibility: visible;
    transition: opacity 300ms ease-in-out, visibility 300ms ease;
}

.view-menu .left-menu ul {
    margin: 0;
    width: 100%;
    padding: 0;
}

.view-menu .left-menu a {
    padding: 2px 5px;
}

.view-menu .left-menu .mod-accordion li span {
    padding: 6px 5px;
    background: none;
}

.mod-accordion>li {
    border-top: 2px solid #FE9900;
}

.mod-accordion>li:first-child {
    border-top: none;
}

.view-menu ul.sub-open {
    display: block;
    width: 180px;
    margin-left: 15px;
}


.searchsection.right {
    float: right;
    width: 820px;
}

.help-text {
    display: inline-block;
    position: relative;
    height: 11px;
    width: 11px;
    font-style: normal !important;
}

.help-text:before {
    position: absolute;
    content: '\f05a';
    top: -0.3vw;
    left: 0;
    font-family: FontAwesome;
    font-size: 14px;
    color: #fe9900;
    cursor: help;
}

.help-text:hover .bubble {
    opacity: 1;
    visibility: visible;
    transition: opacity 300ms ease-in-out, opacity 300ms ease-in-out;
}

.help-text .bubble:hover {
    opacity: 1;
    visibility: visible;
    transition: opacity 300ms ease-in-out, opacity 300ms ease-in-out;
}

.help-text .bubble {
    position: absolute;
    top: -50%;
    left: 30px;
    min-width: 270px;
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #989898;
    background-color: #fff;
    z-index: 10;
    opacity: 0;
    transform: translateY(-35%);
    visibility: hidden;
    transition: opacity 300ms ease-in-out 500ms, visibility 300ms ease-in-out 500ms;
    font-size: 12px;
}

.help-text .bubble:before {
    position: absolute;
    content: '';
    top: 38%;
    left: -12px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-top: 1px solid #989898;
    border-left: 1px solid #989898;
    transform: translateY(-50%);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.help-text .bubble .title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}

.inc-p .spacer {
    height: 15px;
}

.inc-p .carousel {
    margin: 10px 20px;
}

.inc-p img {
    margin: 0 5px;
}

.inc-p .prod-examples {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #e8e8e8;
    font-size: 16px;
    color: #000;
}

.inc-p .prod-alternatives {
    margin: 20px 0;
}

.inc-p .prod-alternatives .title {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #f89a00;
}

.inc-p .prod-alternatives .prod-list {
    display: inline-block;
    padding: 5px 0;
    border-top: 1px solid #f89a00;
    border-bottom: 1px solid #f89a00;
    align-content: flex-start;
    vertical-align: top;

}

.inc-p .prod-alternatives .container {
    display: inline-block;
    width: 195px;
    font-size: 1rem;
    text-align: center;
    align-content: flex-start;
    vertical-align: top;
}

.inc-p .prod-alternatives .container:nth-child(odd) {
    margin-right: 10px;
}

.inc-p .prod-alternatives .container img {
    max-width: 100%;
    margin: 0 0 5px 0;
}


.inc-p .prod-downloads,
.inc-p .prod-info-pages {
    margin-top: 10px;
    padding: 10px;
}

.inc-p .prod-downloads li,
.inc-p .prod-info-pages li {
    margin-bottom: 5px;
    list-style: none;
}

.inc-p .prod-downloads li a,
.inc-p .prod-info-pages li a {
    color: #ff9d00;
    text-decoration: underline;
}

.inc-p .circle {
    float: left;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    background-color: #f99800;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}

.inc-p .circle i {
    line-height: 1.4;
}

.inc-p .prod-description {
    font-size: 14px;
}

.inc-p .prod-specs {
    margin-bottom: 15px;
    font-size: 16px;
}

.inc-p .prod-price {
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    border-top: 2px solid #ff9302;
    border-bottom: 2px solid #ff9302;
}

.inc-p form .section {
    position: relative;
    padding: 10px 10px 20px 40px;
}

.inc-p form .section.expandable {
    position: relative;
    min-height: 15px;
    max-height: 15px;
    overflow: hidden;
    transition: max-height 300ms ease;
}

.inc-p form .section.expandable.open {
    overflow: visible;
}

/*.inc-p form .section.expandable:after {
	position: absolute;
	content: '\f078';
	top: 10px;
	right: 0;
	font-family: FontAwesome;
	color: #f99800;
	font-size: 18px;
}*/

.inc-p form .section.expandable.open {
    max-height: 100%;
}

.inc-p form .section label {
    font-size: 16px;
}

.inc-p form .section .title {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    cursor: pointer
}

.inc-p form .section .title i {
    float: right;
    color: #fe9900;
}

.inc-p form .section .circle {
    position: absolute;
    top: 6px;
    left: 0;
}

.inc-p .mod-tabs {
    display: inline-block;
    margin-top: 20px;
}

.inc-p .mod-tabs li span {
    padding: 5px 26.5px !important;
    font-size: 16px;
}

.inc-p .mod-tabs .panes a {
    color: #FE9900;
}

.help-cta .head {
    padding: 15px 20px;
    background-color: #272727;
    font-size: 24px;
    color: #fff;
}

.help-cta a {
    display: block;
    padding: 5px 20px;
    border-top: 1px solid #272727;
    background-color: #fe9900;
    color: #000;
}

.inc-p #mainpage {
    height: 100%;
    width: 1050px;
    float: left;
    padding: 0 0 30px 0;
}

.inc-p #center.col-shopping {
    width: 1050px;
    padding: 0 0 5px 0;
}

/*********************************************************************************************************************************************************************/

.sunday-menu {
    color: #6D6D72;
    font-family: tahoma;
    font-size: 11px;
    margin-left: 1px;
    margin-top: 1px;
    clear: both;
    width: 200px;
}

.sunday-menu ul {
    margin: 0 0 0 4px;
    padding: 0;
    text-align: left;
    list-style-type: none;
    line-height: 17px;
}

.sunday-menu1 ul {
    margin: 0 0 0 4px;
    padding: 0;
    text-align: left;
    list-style-type: none;
    line-height: 17px;
    margin: 0 0 0 17px;
    position: relative;
    z-index: 10;
    float: left
}

.sunday-menu ul li {
    background: url(../images/_tree_middle.png) no-repeat left;
    padding-left: 8px;
    margin-left: 10px;
    /* height: 12px;*/
}

.sunday-menu ul li.end {
    background: url(../images/_tree_bottom.png) no-repeat left;
    margin-left: 1px;
    margin-left: 10px;
    padding-left: 8px;
    background-position: 0 -15px;
}

.sunday-menu1 ul li {
    border-bottom: 1px dashed #858585;
    margin-right: 0px;
    margin-top: 5px;
    font-size: 14px;
}

/*********************************************************************************************************************************************************************/

/**********************************************************************HORIZONTAL MENU****************************************************************************/
.sunday-menu li:hover a,
.sunday-menu li.sfHover a {
    color: #e4a100;
    width: 115px;
}

.sunday-menu li:hover ul a,
#sunday-menu li.sfHover ul a {
    color: white;
    width: 115px;
    text-indent: 5px;
}

.sunday-menu li:hover ul a:hover,
#sunday-menu li.sfHover ul a:hover {
    color: white;
    width: 150px;
    height: 100%;
    text-decoration: underline;
}

.sunday-menu li ul {
    position: absolute;
    left: 999em;
    padding-left: 1px;
    width: 115px;
    background: #aaaaaa;
    z-index: 2;
    margin-left: 155px;
    margin-top: -15px;
}

.sunday-menu li ul li {
    border-bottom: none;
    border-bottom-width: 1px;
    width: 115px;
    float: left;
    font-weight: bold;
}

.sunday-menu ul li ul li.end {
    background-image: none;
    width: 115px;
}

.sunday-menu li:hover ul,
.sunday-menu li.sfhover ul {
    left: auto;
}

.sunday-menu li:hover ul,
.sunday-menu li.sfhover ul {
    left: auto;
}

.sunday-menu ul li ul li a {
    border-top: 0;
    padding: 0px;
    line-height: 20px;
    font-family: Verdana;
    font-size: 11px;
    color: #4E4E7A;
    text-decoration: none;
    height: 20px;
}

.sunday-menu ul li ul li a:hover {
    color: #4E4E7A;
    border-top: 0;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
}

/**************************************************************************HORIZONTAL MENU****************************************************************************/
/*Downloads Module*/
.mod-downloads {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mod-downloads label {
    width: auto;
    float: left;
    padding: 2px 10px 2px 0;
}

.mod-downloads select {
    width: 160px;
    float: left;
    margin: 2px 20px 2px 0;
}

.mod-downloads .cat-download {
    border-bottom: solid 1px #d9d9d9;
    margin: 15px 0;
    clear: both
}

.mod-downloads .cat-download h3 {
    background: #f1f1f1 url(../images/arrow-square.gif) no-repeat right -51px;
    padding: 7px 15px;
    margin: 0;
    font: bold 12px/16px Arial, Helvetica, sans-serif;
    border: solid 1px #d9d9d9;
    border-bottom: none;
    cursor: pointer;
    color: #535353;
}

.mod-downloads .cat-download h3:hover {
    background-color: #e3e2e2;
}

.mod-downloads .cat-download h3.active {
    background-position: right 5px;
}

.mod-downloads .cat-download div {
    background: #fff;
    margin: 0;
    padding: 5px 10px 10px 10px;
    border-left: solid 1px #d9d9d9;
    border-right: solid 1px #d9d9d9;
    display: none;
}

.mod-downloads .cat-download div ul {
    width: 100%;
}

.mod-downloads .cat-download div ul li {
    width: 100%;
}

.mod-downloads .cat-download div ul li a {
    width: 100%;
    padding: 2px 0;
    display: block;
}

.mod-downloads .cat-download div ul li a:hover {
    color: #fe9900;
}

.xmas {
    background: #fff url(../images/festive_bg.png) repeat-x top center;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.spacer {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 5px
}

.mod-news {
    width: 100%;
}

.mod-news .news-item {
    width: 100%;
    display: block;
    padding: 0 0 10px 0;
}

.mod-news .news-item span {
    width: 100%;
    display: block;
}

.mod-news .news-item .news-date {
    text-align: right;
    font-size: 10px;
    font-style: italic;
}

.mod-news .news-item .news-title {
    text-align: left;
    font-size: 12px;
    color: #eb8d00;
}

.newsh1 {
    font-size: 15px;
}

.header {
    display: block;
    /*height: 6.927vw;*/
    margin: 0;
    width: 100%;
}

.header a {
    display: inline;
}

.header .right {
    float: right;
}

.header-bottom {
    display: flex;
    justify-content: flex-end;
    margin-right: 4px;
}

.mobile-header {
    position: fixed;
    top: 0;
    width: 100%;
    background: white;
    z-index: 999999;
    max-width: 100vw;
}

.mobile-header-spacer {
    width: 100%;
    height: 10vw;
}

.box-orange {
    padding: 8px;
    background-color: #fe9900;
    color: #000;
    font-size: 10px;
    margin: 0 0 10px 10px;
    box-shadow: 0px 1px 4px #000;
    width: 140px;
}

.box-orange p {
    margin: 0 0 3px 0;
    font-size: 10px !important;
    line-height: 10px !important;
}

.box-orange p em {
    float: right;
    font-style: normal;
}

.box-orange .title {
    margin: 0 0 3px 0;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.box-orange .links {
    font-weight: bold;
    text-transform: lowercase;
}

.box-orange a {
    color: #000;
}

.box-orange a:hover {
    color: #fff;
}

.mod-accordion {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2.083vw;
}

.mod-accordion li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.shopcards {
    width: 100%;
}

.mod-accordion li span {
    display: block;
    margin: 0;
    padding: 7px 0 6px 15px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 0.9375vw;
    line-height: 2;
    background-color: black;
}

.mod-accordion li.current span {
    background-position: 100% 100%;
}

.mod-accordion li ul {
    display: none;
    margin: 0;
}

.mod-accordion li.current>ul {
    display: block;
    background-color: white;
    margin-left: 1vw;
    line-height: 2.5;
    font-size: 0.78125vw;
}

.mod-accordion li ul li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.mod-accordion li ul li a {
    display: block;
    padding: 2px;
    color: black;
}

.left-nav-arrow {
    float: right;
    font-size: 1.5vw !important;
    margin-right: 1vw;
    margin-top: 0.2vw;
}

.current>.ddl>i {
    transform: rotate(180deg);
}

.left-cta {
    border: none;
    cursor: pointer;
    width: 100%;
    margin-top: 1em;
}

.mod-rightcol a,
.mod-rightcol a:hover {
    text-decoration: none;
}

.mod-rightcol {
    padding: 0;
    list-style: none;
    width: 100%;
    margin-top: 2vw;
    float: left;
    font-size: 1vw;
    margin-left: unset;
}

.mod-rightcol li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.mod-rightcol li .title,
.mod-rightcol .title,
.mod-rightcol li .title-alt,
.mod-rightcol .title-alt {
    display: block;
    margin: 0;
    color: #000;
    font-weight: bold;
    padding: 7px;
    cursor: pointer;
    margin-bottom: 8px;
}

.mod-rightcol li ul {
    /*width:203px;*/
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.mod-rightcol li ul li a,
.mod-rightcol li ul li.tweet {
    display: block;
    padding: 0;
    color: #808080;
    font-size: 10px;
    line-height: 12px;
    border-bottom: #fe9900 1px solid;
    height: auto;
    padding: 5px 0;
    width: 100%;
}

.mod-rightcol li ul li a .name,
.mod-rightcol li ul li.tweet .name {
    display: block;
    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.4em;
    margin-top: 0.5em;
}

.mod-rightcol li ul li a .dte,
.mod-rightcol li ul li.tweet .dte {
    display: block;
    width: 100%;
    font-size: 1.4em;
    font-weight: normal;
    color: #fe9900;
    margin-top: 0.3em;
}

.mod-rightcol li ul li a .desc,
.mod-rightcol li ul li.tweet .desc {
    display: block;
    width: 100%;
    padding: 5px 0;
    font-size: 1.6em;
    line-height: 1.4em;
}

.mod-rightcol li ul li a:hover {
    color: #fe9900;
    text-decoration: none;
}

.mod-rightcol li ul li.tweet a,
.mod-rightsml li ul li.tweet a {
    display: inline;
    width: auto;
    border-bottom: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
    color: #000;
}

.mod-rightcol.twitter {
    padding-right: 1vw;
}

.mod-rightcol.news {
    padding-left: 1vw;
}

.mod-rightcol-link {
    background-color: #fe9900;
}

.tweets {
    margin: 10px 0;
}

.areas-we-serve-container {
    margin-top: 1vw;
}

.areas-we-serve span:first-child {
    font-size: 2rem;
    font-weight: bold;
}

.locPageLinks {
    font-size: 0.9rem !important;
    color: #ff9900;
    display: inline-block;
    margin-right: 0.3rem;
    font-weight: normal !important;
}

.areas-we-serve p {
    font-size: 0.9vw;
    margin-top: 1vw;
}

.icon-cell {
    position: relative;
}

.icon-cell i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon-cell i:hover {
    color: #FE9900;
}

.ad-right img {
    border-top: solid 8px #fe9900;
}

.ad-desc-right {
    clear: both;
    color: #666;
    padding: 5px 5px 10px 0px;
    line-height: 16px;
}

.ad-desc-right img {
    padding-top: 11px;
}

.ad-left img {
    border-top: solid 1px #fe9900;
}

.ad-desc-left span {
    color: #ddd;
    padding: 5px 7px 10px 7px;
    line-height: 16px;
    display: block;
    border-bottom: solid 8px #fe9900;
}

.not-buying li .title {
    background-image: none;
}

.not-buying form {
    padding: 5px 5px 10px 5px;
    border-bottom: #fe9900 1px solid;
    background-color: #4e4e4e;
    color: #ddd;
}

.not-buying form label {
    margin: 5px;
    display: block;
}

.not-buying form select {
    padding: 5px;
    width: 137px;
    margin: 5px;
    float: left;
    font-size: 11px;
}

.not-buying form input[type='submit'] {
    padding: 3px 5px;
    width: 40px;
    margin: 3px;
    float: left;
    font-size: 11px;
}

.mod-rightsml a,
.mod-rightsml a:hover {
    text-decoration: none;
}

.mod-rightsml {
    margin: 0 0 0 16px;
    padding: 0;
    list-style: none;
    width: 185px;
    background-color: #000;
}

.mod-rightsml li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.mod-rightsml li .title {
    margin-top: 12px;
    background: #000 !important;
    width: 100%;
    max-width: 161px;
    display: block;
    margin: 0;
    padding: 7px 17px 7px 7px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url(../images/layout/list_accarrows.png) no-repeat 100% 0;
    cursor: pointer;
    font-size: 10px;
}

.mod-rightsml li .title-alt {
    width: 136px;
    display: block;
    margin: 0;
    padding: 7px 17px 7px 7px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    background: #fe9900 url(../images/layout/list_accarrows.png) no-repeat 100% 0;
    cursor: pointer;
    font-size: 10px;
}

.mod-rightsml li ul {
    width: 185px;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.mod-rightsml li ul li a,
.mod-rightsml li ul li.tweet {
    display: block;
    padding: 0;
    color: #2a2a2a;
    font-size: 10px;
    line-height: 12px;
    border-bottom: #fe9900 1px solid;
    height: auto;
    padding: 5px;
    font-weight: bold;
}

.mod-rightsml li ul li.tweet {
    width: auto;
}

.mod-rightsml li ul li a .dte,
.mod-rightsml li ul li.tweet .dte {
    display: block;
    width: 100%;
    font-family: 'SilkscreenNormal';
    font-size: 8px;
    font-weight: normal;
    color: #fe9900;
}

.mod-rightsml li ul li a .desc,
.mod-rightsml li ul li.tweet .desc {
    display: block;
    width: 100%;
    padding: 5px 0;
    font-weight: normal;
}

.mod-rightsml li ul li a:hover {
    color: #fe9900;
    text-decoration: none;
}

.rm-search .text {
    color: #4f4f4f;
    margin: 2px 0;
    border: 1px solid #b8b8b8;
    width: 179px;
    background-color: #f1f1f1;
    padding: 2px;
    font-size: 11px;
}

.rm-search .ddl {
    color: #4f4f4f;
    margin: 2px 0;
    border: 1px solid #b8b8b8;
    width: 185px;
    background-color: #f1f1f1;
    padding: 2px;
    font-size: 11px;
}

.rm-search .sskin {
    width: 185px;
    padding: 2px;
    margin: 2px 0
}

.rm-search .cmd-search {
    border: 0;
    margin: 2px 0;
    padding: 4px 8px;
    float: right;
    background-color: #fe9900;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}

.mod-rightsml .rm-links {
    margin: 5px 0;
    cursor: pointer;
    width: 100%;
}

.qlinks li .title {
    background-color: #000;
    color: #fff;
}

.qlinks li ul li {
    width: 193px;
    display: block;
    margin: 1px 0 0 0;
    padding: 95px 10px 20px 0px;
    background-repeat: no-repeat;
    font-size: 10px;
    line-height: 12px;
    background-color: #fff;
    height: auto;
    float: none;
}

.mod-homelinks {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mod-homelinks li {
    width: 250px;
    margin: 10px 8px;
    padding: 0;
    border: #fe9900 1px solid;
    float: left;
    height: 155px;
    overflow: hidden;
    position: relative;
}

.mod-homelinks li span {
    width: 100%;
    height: 155px;
    display: block;
}

.mod-homelinks li span img {
    width: 100%;
    /*height:113px;*/
}

.mod-homelinks li span strong {
    padding: 5px 20px 5px 5px;
    color: #000;
    display: block;
    height: 32px;
    background: #fe9900 url(../images/layout/hl_arrow_lrg.png) no-repeat right bottom;
}

.mod-homelinks li .overview {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.mod-homelinks li .options {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: transparent url(../images/layout/hl_overlay.png) repeat 0 0;
    width: 96%;
    height: 105px;
    padding: 25px 5px;
}

.mod-homelinks li:hover>.options {
    display: block;
}

.mod-homelinks li .options a {
    display: block;
    padding: 5px;
    background: #000 url(../images/layout/hl_arrow.png) no-repeat right top;
    color: #fff;
    margin: 0 0 10px 0;
}

.mod-homelinks li .options a:hover {
    background-color: #fe9900;
    color: #000;
    text-decoration: none;
}

.so li ul {
    width: 203px;
    margin: 0;
    padding: 0;
    background-color: #000;
}

.so li ul li a {
    display: block;
    padding: 0;
    position: relative;
    font-size: 11px;
    line-height: 12px;
    border-bottom: #fe9900 2px solid;
    height: 155px;
}

.so li ul li a img {
    position: absolute;
    top: 0;
    left: 0;
}

.so li ul li a .name {
    color: #fff;
    background: transparent url(../images/layout/rightsml-li-overlay.png) repeat 0 0;
    padding: 5px 40px 5px 10px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    margin: 90px 0 0 0;
    width: 153px;
    font-weight: normal;
}

.so li ul li a .price {
    padding: 9px 10px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    height: 12px;
    margin: 125px 0 0 0;
    width: 183px;
    text-align: right;
    font-weight: bold;
    color: #fe9900;
}

.so li ul li a:hover {
    color: #fe9900;
}

.box-shadow {
    -moz-box-shadow: 0px 1px 4px #000;
    -webkit-box-shadow: 0px 1px 4px #000;
    box-shadow: 0px 1px 4px #000;
}

.product-images {
    padding-right: 1vw;
}

.product-images .primary-image {
    margin-bottom: 1vw;
}

.product-images .carousel-image {
    cursor: pointer;
    padding: 0.25vw;
}

.related-downloads {
    padding-right: 1vw;
}

.related-downloads .related-title,
.prod-alternatives .title {
    color: #000;
    line-height: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
    margin-top: 1.8em;
}

.related-downloads .related-title {
    text-align: left;
    font-size: 0.9rem;
}

.prod-alternatives .title {
    text-align: center;
    color: #ff9900;
    font-size: 1.6rem;
}

.prod-downloads {
    background-color: #e2e2e2;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.prod-pages {
    border: 1px solid #E2E2E2;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.downloads-title {
    padding: 1rem;
    font-size: 0.7rem;
    font-weight: bold;
}

.download-link a:link,
.download-link a:hover,
.download-link a:visited,
.download-link a:active {
    color: #FE9900;
    padding-left: 1.8rem;
}

.download-link {
    padding-bottom: 0.2rem;
}

.alt-product-title {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.prod-alternatives .container a:link,
.prod-alternatives .container a:hover,
.prod-alternatives .container a:active,
.prod-alternatives .container a:visited {
    color: black;
}

.product-title {
    color: #FE9900;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1vw;
}

.product-category {
    font-size: 1.4rem;
    font-weight: bold;
}

.product-intro {
    font-size: 0.9rem;
    margin-bottom: 1vw;
}

.prod-specs {
    font-size: 1.4rem;
}

.product-manf-logo {
    width: 14rem;
    margin-bottom: .5rem;
}

.product-cta {
    color: white;
    background-color: #000;
    font-size: 1rem;
    font-weight: bold;
    width: 10rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: 2.5rem;
    position: relative;
    border-bottom: 2px solid #ccc;
}

.product-cta span a,
.product-cta span a:visited {
    color: #fff;
}

.product-cta i {
    position: absolute;
    top: 50%;
    left: 8%;
    transform: translateY(-50%);
    font-weight: bold;
}

.product-price {
    font-size: 2rem;
    font-weight: bold;
    color: #FE9900;
}

.product-price-vat {
    font-size: 0.9rem;
}

.product-ordering-circle {
    color: white;
    background: #FE9900;
    border-radius: 50%;
    width: 2.1rem;
    height: 2.1rem;
    position: relative;
}

.circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    font-weight: bold;
}

.product-ordering-title {
    font-size: 2rem;
    font-weight: bold;
    height: 2.1rem;
    line-height: 2.1rem;
    margin-bottom: 1vw;
}

.product-width-label,
.product-height-label {
    font-size: 0.9rem;
    color: grey;
    margin-bottom: 0.5vw;
}

.product-option-label {
    font-size: 0.7rem;
    color: grey;
}

.product-width {
    height: 1.9rem !important;
    width: 95% !important;
    color: grey !important;
    border: 1px solid darkgrey !important;
    margin: 0 !important;
    margin-bottom: 1vw !important;
}

.product-height {
    height: 1.9rem !important;
    width: 100% !important;
    color: grey !important;
    border: 1px solid darkgrey !important;
    margin: 0 !important;
}

.option_select {
    color: grey;
}

.horizontal-line {
    border-bottom: 2px solid darkgrey;
    margin-top: 1vw;
    margin-bottom: 1vw;
}

.cms-header-red {
    font-size: 1.4vw;
    color: #C8292D;
    margin-bottom: 1vw;
}

.cms-header-blue {
    font-size: 1.4vw;
    color: #00CCFF;
    margin-bottom: 1vw;
}

.cms-header-green {
    font-size: 1.4vw;
    color: #00BB3A;
    margin-bottom: 1vw;
}

.cms-blue {
    background-color: #00CCFF !important;
}

.cms-green {
    background-color: #00BB3A !important;
}

.cms-header {
    font-size: 1.4vw;
    margin-top: 1vw;
    margin-bottom: 1.5vw;
}

.cms-alt-header {
    font-size: 1.4vw;
    margin-bottom: 1vw;
}

.cms-p-tag {
    font-size: 0.8vw;
}

.cms-img-holder {
    padding-left: 1vw;
    padding-right: 1vw;
    margin-bottom: 2vw;
    position: relative;
}

.cms-img-overlay {
    background: #C8292D;
    color: white;
    font-size: 1vw;
    text-align: center;
    font-weight: bold;
    height: 2vw;
    line-height: 2vw;
    width: calc(100% - 2vw);
    position: absolute;
    top: 0%;
    border-bottom-left-radius: 0.5vw;
    border-bottom-right-radius: 0.5vw;
}

.cms-img-coming-soon {
    position: absolute;
    background: #FE9900;
    width: calc(100% - 2vw);
    height: 2vw;
    line-height: 2vw;
    color: white;
    font-weight: bold;
    font-size: 1vw;
    top: 50%;
}

.cms-email-link {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.cms-services-icon-holder {
    font-size: 1vw;
    position: relative;
    height: 10vw;
}

.cms-services-icon-holder img {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cms-services-icon-holder span {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
}

.print-this-page,
.print-this-page a:link,
.print-this-page a:hover,
.print-this-page a:active,
.print-this-page a:visited {
    font-size: 0.7rem;
    color: black;
    height: 2.3rem;
    line-height: 2.3rem;
}

.print-this-page i {
    font-size: 1rem;
    color: #FE9900;
    margin-right: 0.5vw;
}

.enquiry-button {
    background-color: #359B2B;
    width: 14rem;
    height: 2.75rem;
    line-height: 2.75rem;
    float: right;
    color: white;
    font-size: 0.8rem;
    font-weight: bold;
}

iframe.purechat-launcher-frame.purechat-launcher-custom-image-animate.purechat-launcher-frame-bottom-right {
    bottom: 42px !important;
    right: 5px !important;
}

.add-to-cart-button {
    background-color: #FE9900;
    width: 9rem;
    height: 2.75rem;
    line-height: 2.75rem;
    float: right;
    color: white;
    font-size: 0.8rem;
    font-weight: bold;
    margin-left: 1em;
}

.secure-shop-holder {
    margin-top: 1vw;
    margin-bottom: 2vw;
}

.secure-payment-message {
    font-size: 0.8rem;
    height: 4rem;
    line-height: 4rem;
    position: relative;
    padding-left: 2rem;
}

.secure-payment-message i {
    font-size: 2rem;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
}

.need-help-cta {
    height: 6.3rem;
    background-color: black;
    color: white;
    position: relative;
    padding-left: 5.5vw;
}

.need-help-cta i {
    font-size: 4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.2rem;
}

.need-help-cta .big-text {
    font-size: 1.4rem;
    font-weight: bold;
    height: 3rem;
    line-height: 5rem;
}

.need-help-cta .little-text {
    font-size: 1rem;
    height: auto;
    line-height: 2rem;
}

.need-help-cta-links {
    border-top: 2px solid white;
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #359B2B;
}

.need-help-cta-links .cta-border {
    border-right: 2px solid white;
}

.need-help-cta-links div div a:link,
.need-help-cta-links div div a:hover,
.need-help-cta-links div div a:active,
.need-help-cta-links div div a:visited {
    color: white;
    font-size: 1rem;
    text-decoration: none;
    font-weight: bold;
    position: relative;
}

.need-help-cta-links div div a i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5vw;
}

.shop-title {
    display: block;
    padding: 5px 0px 5px 0px;
    background: #fe9900 url(../images/layout/shop_cc_icons.png) no-repeat right top;
    font-size: 22px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    float: left;
    width: 100%;
    max-width: 1040px;
}

#footer {
    width: 100%;
    padding: 25px;
    background-color: #fe9900;
    color: #000;
    margin: 1rem 0 0 0;
    display: inline-block;
}

#footer .menu-cols {
    margin: 0 0 10px 0;
}

#footer .col-5 {
    width: 200px;
    float: left;
}

#footer .footer-base {
    font-size: 10px;
    text-align: center;
}

#footer a {
    color: #000;
    padding: .4rem 0rem;
}

#footer a:hover {
    color: #fff;
}

#footer .menu-cols h5 {
    text-transform: uppercase;
    font-size: 11px;
    padding: 0;
    margin: 0 0 10px 0;
}

#footer .menu-cols ul {
    list-style: none;
    width: 100%;
    margin: 0 0 10px 0;
    display: block;
    padding: 0;
}

#footer .menu-cols ul li {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

#footer .menu-cols ul li a {
    width: 100%;
    display: block;
    padding: 2px 0;
    font-size: 10px;
}

#footer .contact p {
    line-height: 18px;
    font-size: 10px;
}

.footer-base p {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

.footer-base .footer .extraLinks a {
    font-size: 0.8rem;
    line-height: 1.2rem;
    letter-spacing: 0.05rem;
}

ul.sm {
    display: block;
    width: auto;
    height: 46px !important;
    margin: 27px 0;
    list-style: none;
}

ul.sm li {
    width: 30px !important;
    height: 46px !important;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

ul.sm li a {
    width: 30px !important;
    height: 46px !important;
    display: block;
    text-indent: -9999px;
    background: transparent url(../images/layout/sm-links.png) no-repeat 0 0;
}

ul.sm li a.fb {
    background-position: 0 0;
}

ul.sm li a.fb:hover {
    background-position: 0 -46px;
}

#footer ul.sm li a.fb:hover {
    background-position: 0 -92px;
}

ul.sm li a.tw {
    background-position: -30px 0;
}

ul.sm li a.tw:hover {
    background-position: -30px -46px;
}

#footer ul.sm li a.tw:hover {
    background-position: -30px -92px;
}

ul.sm li a.sq {
    background-position: -60px 0;
}

ul.sm li a.sq:hover {
    background-position: -60px -46px;
}

#footer ul.sm li a.sq:hover {
    background-position: -60px -92px;
}

ul.sm li a.yt {
    background-position: -90px 0;
}

ul.sm li a.yt:hover {
    background-position: -90px -46px;
}

#footer ul.sm li a.yt:hover {
    background-position: -90px -92px;
}

ul.sm li a.wp {
    background-position: -120px 0;
}

ul.sm li a.wp:hover {
    background-position: -120px -46px;
}

#footer ul.sm li a.wp:hover {
    background-position: -120px -92px;
}

.yellowhori {
    height: 5px;
    width: 100%;
    background-color: #fe9900;
    margin: 0;
    display: inline-block;
}

.mod-wizard {
    display: block;
    padding: 5px;
    background-color: #2a2a2a;
    color: #fff;
}

.mod-wizard a {
    color: #fff;
    text-decoration: none;
}

.mod-wizard a:hover {
    color: #fff;
    color: #fe9900;
}

.mod-wizard p {
    float: left;
    padding: 0;
    margin: 0;
}

.mod-wizard p strong {
    display: block;
    text-transform: uppercase;
}

.mod-wizard ul.dropdown {
    float: right;
    width: 125px;
    background-color: #2a2a2a;
}

.mod-wizard ul.dropdown li {
    background-color: #2a2a2a;
    color: #fff;
    width: 125px;
}

.mod-wizard ul.dropdown li span {
    background: transparent url(../images/layout/menu_arrow.png) no-repeat 100% -2px;
    padding: 8px 20px 8px 3px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

.mod-wizard ul.dropdown li ul li a {
    padding: 3px;
    color: #fff;
    display: block;
}

.mod-wizard ul.dropdown li ul li a:hover {
    padding: 3px;
    color: #fe9900;
}

.mod-wizard ul.dropdown li ul {
    padding: 0 0 5px 0;
    display: block;
    background-color: #2a2a2a;
}

.mod-searchheaders {
    /*min-width:575px;*/
    display: block;
    /*width:568px;*/
    padding: 5px 5px 10px 50px;
    background: #4E4E4E url(../images/layout/search.png) no-repeat 0 0;
    color: #fff;
    margin: 5px 25px 0 25px;
    font-size: 12px;
}

.mod-searchheaders p {
    float: left;
    padding: 0;
    margin: 0;
}

.mod-searchheaders p strong {
    display: block;
    text-transform: uppercase;
}

.os-wrapper,
.oq-wrapper {
    /*width: 784px;*/
    margin: 12px 0 12px 10px;
    padding: 0;
}

.os-wrapper>.os-wrapper {
    margin: 0 !important;
}

.shop-tbl {
    width: 100%;
    margin: 0;
    padding: 0;
}

.shop-tbl h3 {
    margin: 0;
    padding: 5px;
    background-color: #fe9900;
    color: #fff;
    text-transform: uppercase;
}

.frm-search {
    min-width: 588px;
}

.frm-search .searchTable {
    background: #E7E7E7;
    border: 1px solid #4E4E4E;
    /*width:623px;*/
    width: 100%;
    padding: 5px;
    font-size: 12px;
    color: #4E4E4E;
    margin: 0 0 5px 0;
}

.frm-search h3 {
    margin: 0;
    padding: 5px;
    background-color: #fe9900;
    color: #fff;
    text-transform: uppercase;
}

.frm-search .cmd-search {
    border: 0;
    margin: -2px 0 0 0;
    padding: 4px 8px;
    float: right;
    background-color: #fe9900;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}

.mod-filterheaders {
    display: block;
    width: 100%;
    padding: 8px 10px 10px 50px;
    background: #c7c7c7 url(../images/layout/filter.png) no-repeat 0 0;
    color: #000;
    margin: 5px 0 0 0;
    font-size: 11px;
}

.mod-filterheaders p {
    float: left;
    padding: 0;
    margin: 0;
}

.mod-filterheaders p strong {
    display: block;
    text-transform: uppercase;
}

.frm-filter .filterTable {
    background: #f7f7f7;
    border: 1px solid #c7c7c7;
    /*width:612px;*/
    padding: 5px;
    font-size: 11px;
    color: #4E4E4E;
    margin: 0 0 5px 0;
}

.frm-filter h3 {
    margin: 0;
    padding: 5px;
    background-color: #fe9900;
    color: #fff;
    text-transform: uppercase;
}

.frm-filter .cmd-filter {
    border: 0;
    margin: -24px 0 0 0;
    padding: 4px 8px;
    float: right;
    background-color: #4E4E4E;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}

.frm-filter p {
    margin: 0 0 3px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #dedede;
    width: 725px;
}

.frm-filter .label {
    font-weight: bold;
    width: 90px;
    display: inline-block;
}

.product-grid {
    text-align: center;
}

.product-grid table {
    float: none;
    margin: 0 auto;
    width: 112px;
    height: 100%;
}

.product-grid:hover table {
    float: none;
    margin: 0 auto;
    width: 112px;
    background-color: #eaeaea;
}

.single_grey_border {
    width: 110px;
    border: 1px solid #4E4E4E;
}

.product_text {
    text-align: left;
}

.product_text span {
    margin: 5px 0 0 0;
    text-transform: uppercase;
}

.catgrid {
    margin: 0px;
    float: left;
    width: 100%;
    color: #808080;
    margin-bottom: 55px;
}

.catgrid .catlink {
    display: block;
    width: 182px;
    margin: 10px 12px 10px 2px;
    height: 130px;
    padding: 0;
    float: left;
}

.catbox {
    color: #fff;
    margin: 0px;
    float: left;
    width: 199px;
    height: 130px;
    background: url(../images/layout/catbox_bg.png);
    cursor: pointer;
}

.catouter {
    float: left;
    height: 130px;
    width: 182px;
    margin: 0;
    font-weight: bold;
    overflow: hidden;
}

/*.catgrid .last{margin:10px 0;}*/

.cattitle {
    padding: 5px 20px 5px 5px;
    text-transform: uppercase;
    line-height: 12px;
    display: block;
    height: 24px;
}

.catprice {
    height: 43px;
    width: 59px;
    padding: 2px 138px 2px 2px;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 8px;
    text-align: right;
}

.catprice em {
    display: block;
    font-size: 7px;
    font-style: normal;
    padding: 0;
    margin: 0;
}

.catprice strong {
    font-size: 15px;
    padding: 0;
    margin: 3px 0;
    display: block;
}

.catbanner {
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
}

.InnerCatUlLi {
    width: 180px
}

.InnerCatUl {
    width: 180px
}

.from-price {
    text-align: right;
    font-size: 17px;
    color: #E30000;
    padding: 30px;
    font-style: italic
}

.mod-tabs {
    width: 100%;
    margin-top: 2vw;
}

.mod-tabs ul.tabs {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 2px solid #7D7D7D;
}

.mod-tabs ul.tabs li {
    width: auto;
    height: auto;
    padding: 0;
    float: left;
    display: inline;
    margin-right: 0.1vw;
    background-color: #A69897;
    font-size: 14px;
}

.mod-tabs ul.tabs li a,
.mod-tabs ul.tabs li span {
    padding: 6px 7px 6px 8px;
    display: block;
    width: auto;
    color: #FFFFFF;
    cursor: pointer;
}

.mod-tabs ul.tabs li.current a,
.mod-tabs ul.tabs li.current span,
.mod-tabs ul.tabs li.current span:hover {
    background-color: #FE9900;
    color: #FFFFFF;
    font-weight: bold;
}

.mod-tabs ul.tabs li a:hover,
.mod-tabs ul.tabs li span:hover {
    background-color: #fe9900;
    color: #FFFFFF;
}

.mod-tabs .panes {
    padding: 10px 0;
    margin: -1px 0 10px 0;
    min-height: 100px;
    font-size: .8rem;
    color: #777;

}

.mod-tabs .panes .tab-title {
    font-size: 14px;
    color: #fe9900;
}

.left-ads {
    margin: 10px 0 0 0;
}

.mod-product .title {
    font-size: 16px;
    color: #fe9900;
    margin: 0 0 10px 0;
    padding: 0;
}

.mod-product .title em {
    color: #5b5b5b;
    font-weight: normal;
    display: block;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
}

.mod-product .txt-uc-sml {
    text-transform: uppercase;
    color: #000;
    display: block;
}

.mod-product .txt-uc-sml em {
    color: #e00;
    font-size: 10px;
    float: right;
}

.mod-product .man-logo {
    border: 0;
    float: right;
}

.mod-product .divider {
    margin: 10px 0;
}

.pagination {
    padding: 8px 0;
    text-align: right;
    font-size: 10px;
    text-transform: uppercase;
}

.pagination b,
.pagination a {
    padding: 2px 4px;
}

.pagination b {
    background-color: #808080;
    color: #fff;
}

.pagination td {
    padding: 8px;
}

.cmd-remove {
    border: 0;
    margin: 0;
    padding: 2px 4px;
    float: right;
    background-color: #4E4E4E;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}

.prod-options {
    font-size: 10px;
}

.cartTable .prod-options td {
    padding: 2px;
    margin: 0;
    color: #4c4c4c;
}

.cmd-back {
    border: 0;
    margin: 0;
    padding: 4px 8px;
    float: right;
    background-color: #4E4E4E;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    float: left;
}

.cmd-back:hover {
    background-color: #FE9900;
    color: #fff;
    text-decoration: none;
}

.cmd-update {
    border: 0;
    margin: 0;
    padding: 4px 8px;
    float: right;
    background-color: #FE9900;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    float: right;
}

.cmd-checkout {
    border: 0;
    margin: 0;
    padding: 8px 12px;
    float: right;
    background-color: #2a2a2a;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
}

.cmd-checkout:disabled {
    background-color: #8a8a8a;
    color: #bababa;
    font-size: 12px;
    cursor: auto;
    float: right;
}
.payment-intro {
    margin-bottom: 12px;
}
#content ul.mod-options {
    display: flex;
}

#content ul.mod-options li {
    font-size: 16px;
    padding: 18px 6px !important;
    height: auto !important;
    flex: 1;
    align-content: center;
}
/*
 .mod-product .txt-sml{text-transform:capitalize;}
 .mod-product ul.txt-sml{list-style-type:none;margin:0;padding:0;}
 .mod-product ul.txt-sml li{margin:0;padding:2px;}
 .mod-product .red-info{color:#e00;font-size:10px;float:right;text-transform:uppercase;font-style:oblique;}
 .mod-product .info{background-color:#f4f4f4;padding:10px;border:#eaeaea 1px solid;margin:5px 0;color:#000;}
 .mod-product .info strong{color:#fe9900;text-transform:uppercase;display:block;}
 .mod-product .li-options{list-style-type:none;margin:10px 0;padding:0;}
 .mod-product .li-options li{margin:0;padding:0;width:50%;display:block;float:left;}
 .mod-product .li-options .text{font-size:11px;padding:3px;width:128px;float:left;}
 .mod-product .li-options .sel{font-size:11px;padding:3px;width:134px;float:left;}
 .mod-product .li-options span{font-size:11px;padding:3px;width:50px;display:block;float:left;text-transform:uppercase;}
 .mod-product .li-options span.max{width:180px;float:none;}
 .mod-product .li-options .sel-max{width:180px;font-size:11px;padding:3px;float:none;}
 */

/*New small search bar - info mpages*/
#prod_srch_small,
#site_srch_small {
    margin-top: -12px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    height: 73px;
}

#prod_srch_small {
    background-color: #4E4E4E;
    background-image: url(../images/search-small.png);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    float: left;
    width: 602px;
    padding-left: 30px;
    margin-right: 2px;
}

#site_srch_small {
    background-color: #000;
    float: right;
    width: 159px;
    padding-left: 5px;
    margin-right: 2px;
}

#prod_srch_small p,
#site_srch_small p {
    font-size: 10px;
    color: #fff;
    margin: 0px;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
}

#prod_srch_small form,
#site_srch_small form {
    margin: 0px !important;
}

#prod_srch_small form {
    padding-top: 7px;
    padding-bottom: 5px;
}

.frm-search .small_bar {
    margin: 0px 0px 1px 0px !important;
}

#prod_srch_small table tr td {
    color: #fff !important;
}

/*
 consent cookie pop-up ========================================== */
.backdrop {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000010;
}

#user_preference_banner_wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 11px;
    position: fixed;
    width: 100%;
    z-index: 10000020;
    background: #636261;
    color: #fff;
    opacity: .9;
    padding: 1.2rem;
    max-width: 100vw;
}

#user_preference_banner {
    margin: 0 auto;
    max-width: 800px;
}

#user_preference_container .btn {
    height: 2rem;
    line-height: 2rem;
    width: 7rem;
    font-size: 0.9rem;
    cursor: pointer;
    color: white;
}

#user_preference_container .btn.btn_primary {
    background-color: #359B2B;
    font-weight: bold;
}

#user_preference_banner .actions {
    text-align: center;
}

#user_preference_banner .text_container {
    text-align: center;
}

#user_preference_container .link {
    color: #fff;
    text-decoration: underline;
}

#user_preference_modal {
    font-size: 11px;
    padding: 1rem;
    color: #fff;
    background: #636261;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60vw;
    height: 80vh;
    z-index: 10000030;
    overflow: auto;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

#user_preference_modal .modal_content {
    max-width: 600px;
    margin: 0 auto;
}

#user_preference_modal .modal_header {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

#user_preference_modal .modal_header.small {
    font-size: 1.2rem;
    font-weight: normal;
    text-align: left;
    margin: 0;
}

#user_preference_modal .modal_actions {
    display: flex;
    justify-content: space-between;
}

#user_preference_modal .setting {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 768px) {
    #user_preference_modal {
        width: 90vw;
        height: 70vh;
    }
    #user_preference_banner .actions {
        margin-bottom: 20px;
    }
}

/* London Pages */
.sg-wrapper h2 {
    font-size: 22px;
}

.sg-header {
    height: 135px;
    float: left;
    width: 100%;
    display: block;
    background-color: #FE9900;
}

.sg-header2 {
    float: left;
    width: 100%;
    display: block;
    background-color: #FE9900;
    height: auto;
    margin-top: 1rem;
}

.sg-header2 span {
    font-size: 18pt !important;
    font-weight: bold;
    color: #000;
    float: left;
    padding: 22px 10px;
}

.sg-header2 img {
    float: right;
    padding: 20px;
}

.sg-header .sg-title {
    border-bottom: solid 1px #fff;
    margin: 0px 20px 0px 20px;
    width: 75%;
    padding-top: 3.3rem;
    float: left;
}

.sg-header .sg-title h1 {
    font-size: 2rem;
}

.sg-header h2 {
    color: #000;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.sg-header .sg-logo {
    float: right;
    margin: -18px 13px 0px 10px;
    padding-top: 52px;
}

.slider {
    width: 100%;
    height: 400px;
}

.slider {
    background-image: url(http://www.samsondoors.co.uk/templates/default/images/london/slider.jpg);
}

.sg-map {
    position: relative;
    top: 26px;
    left: 19px;
}

.lrg-img-links {
    margin: 40px 0px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
}

.lrg-img-links li {
    list-style: none;
    margin: 0px;
    padding: 10px;
    float: left;
    display: inline;
    background-color: #FE9900;
}

.lrg-img-links li:first-child {
    margin-right: 37px;
}

.lrg-img-links li a h3 {
    font-size: 20px;
    color: #fff;
    text-align: right;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
}

.lrg-img-links li a:hover {
    text-decoration: none;
}

.lrg-img-links li a:hover>img {
    -webkit-box-shadow: 0px 0px 23px 0px #000;
    -moz-box-shadow: 0px 0px 23px 0px #000;
    box-shadow: 0px 0px 23px 0px #000;
    margin-top: -2px;
    transition: margin-top .25s ease-in-out;
    -moz-transition: margin-top .25s ease-in-out;
    -webkit-transition: margin-top .25s ease-in-out;
}

.lrg-img-links2 li a:hover>h3 {
    text-shadow: 3px 3px 3px #a96c10;
}

.lrg-img-links2 {
    margin: 0 0px 1rem 0;
    padding: 0px;
    display: flex;
    float: left;
}

.lrg-img-links2 li:first-child {
    margin-left: 0;
}

.lrg-img-links2 li {
    list-style: none;
    margin-left: 20px;
    padding: 10px;
    float: left;
    display: inline;
    background-color: #FE9900;
    width: 32%;
}

.contSentEO p+a img,
.sg-map-bg a img {
    width: 100%;
    margin-bottom: 1rem;
}

.lrg-img-links2 li a img {
    width: 100%;
}

.lrg-img-links2 li a h3 {
    font-size: 11px;
    color: #fff;
    text-align: right;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
}

.lrg-img-links2 li a:hover {
    text-decoration: none;
}

.lrg-img-links2 li a:hover>img {
    -webkit-box-shadow: 0px 0px 23px 0px #000;
    -moz-box-shadow: 0px 0px 23px 0px #000;
    box-shadow: 0px 0px 23px 0px #000;
    margin-top: -2px;
    transition: margin-top .25s ease-in-out;
    -moz-transition: margin-top .25s ease-in-out;
    -webkit-transition: margin-top .25s ease-in-out;
}

.lrg-img-links2 li a:hover>h3 {
    text-shadow: 3px 3px 3px #a96c10;
}

.range-wrapper {
    background-color: #FE9900;
    float: left;
    display: block;
    padding: 9px 13px 20px 20px;
    margin-bottom: 30px;
}

.range-wrapper h2 {
    color: #fff;
    padding: 10px 0px;
    margin: 0px;
    font-size: 22px;
    margin-bottom: 4px;
}

.range-wrapper .col1 {
    width: 367px;
    float: left;
    margin: 0px 0px;
    padding: 0px;
    margin-right: 39px;
}

.range-wrapper .col2 {
    width: 367px;
    float: left;
    margin: 0px 0px;
    padding: 0px;
}

.range-wrapper .range-logo {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 50px;
    width: 205px;
    float: left;
    display: block;
}

.range-wrapper .seceuroguard {
    background: transparent url(http://www.samsondoors.co.uk/templates/default/images/london/seceuroguard-logo.jpg) no-repeat 50% 50%;
}

.range-wrapper .seceuroshield {
    background: transparent url(http://www.samsondoors.co.uk/templates/default/images/london/seceuroshield-logo.jpg) no-repeat 50% 50%;
}

.range-main {
    background-color: #fff;
    float: left;
    display: block;
    width: 329px;
    margin-top: -1px;
    padding: 0px 17px;
}

.range-intro h4 {
    margin: 21px 0px 0px 0px;
    padding: 0px 0px;
    font-size: 15px;
    color: #000;
}

.range-intro .tagline {
    font-size: 11px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.range-intro .price-from {
    color: #FE9900;
    margin: 0px 0px;
    padding: 8px 0px;
    font-size: 21px;
    font-weight: bold;
    font-style: italic;
}

.range-intro .desc {
    font-size: 11px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.range-types {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
}

.range-types li {
    padding: 15px 0px;
    margin: 0px;
    list-style: none;
    display: block;
    float: left;
    border-top: solid 1px #cdcdcd;
}

.range-types li img {
    float: left;
}

.range-types li h3 {
    float: left;
    display: block;
    width: 185px;
    padding-left: 11px;
}

.org-btn {
    float: left;
    margin-left: 11px;
    margin-bottom: 7px;
    display: block;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(206, 87, 15);
    box-shadow: 0px 1px 1px 0px rgb(0, 0, 0);
    width: 90px;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 0px rgb(0, 0, 0);
    background: #fb975b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fb975b 0%, #f9660e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb975b), color-stop(100%, #f9660e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fb975b 0%, #f9660e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fb975b 0%, #f9660e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fb975b 0%, #f9660e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fb975b 0%, #f9660e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb975b', endColorstr='#f9660e', GradientType=0);
    /* IE6-9 */
}

.org-btn:hover {
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 2px 3px 0px rgb(0, 0, 0);
    margin-top: -1px;
    transition: margin-top .25s ease-in-out;
    -moz-transition: margin-top .25s ease-in-out;
    -webkit-transition: margin-top .25s ease-in-out;
}

.list-services {
    width: 465px;
    float: left;
}

.list-services li {
    float: left;
    width: 200px;
}

.grill-image {
    float: right;
    padding-left: 30px;
}

.slider2 {
    background-image: url(http://www.samsondoors.co.uk/templates/default/images/london/slider2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    float: none;
    display: block;
    clear: both;
    height: 400px !important;
}

.sml-img-links {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    display: flex;
    float: left;
}

.sml-img-links2 {
    margin: 0 0 1rem 0;
    padding: 0px;
    display: block;
    /*float: left;*/
}

.sml-img-links {
    width: 100%;
}

p:empty {
    display: none;
}

.sml-img-links li {
    list-style: none;
    margin: 0px;
    padding: 6px;
    float: left;
    display: inline;
    background-color: #FE9900;
    margin-left: 10px;
    width: 24%;
}

.sml-img-links2 li {
    list-style: none;
    margin: 0px;
    padding: 6px;
    float: left;
    display: inline;
    background-color: #FE9900;
    margin-left: 1.3%;
    border-radius: 0 0 10px 10px;
    width: 24%;
}

.sml-img-links li:first-child,
.sml-img-links2 li:first-child {
    margin-left: 0px;
}

.sml-img-links li a img,
.sml-img-links2 li a img {
    width: 100%;
}

.sml-img-links li a h3 {
    font-size: 13px;
    color: #fff;
    text-align: right;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
}

.sml-img-links2 li a h3 {
    font-size: 13px;
    color: #fff;
    text-align: right;
    padding: 0px;
    margin: 0px;
    padding-top: 10px;
    background: url(../images/arrow.png) no-repeat;
    background-position: 1% 100%;
}

.sml-img-links li a:hover,
.sml-img-links2 li a:hover {
    text-decoration: none;
}

.sml-img-links li a:hover>img,
.sml-img-links2 li a:hover>img {
    -webkit-box-shadow: 0px 0px 10px 0px #000;
    -moz-box-shadow: 0px 0px 10px 0px #000;
    box-shadow: 0px 0px 10px 0px #000;
    margin-top: -2px;
    transition: margin-top .25s ease-in-out;
    -moz-transition: margin-top .25s ease-in-out;
    -webkit-transition: margin-top .25s ease-in-out;
}

.sml-img-links li a:hover>h3,
.sml-img-links2 li a:hover>h3 {
    text-shadow: 3px 3px 3px #a96c10;
}

.shutter-range-title {
    margin: 32px 0px 0px 0px;
}

.voucher {
    background: none repeat scroll 0 0 #ccc;
    padding: 0;
    text-align: right;
    width: 100px;
}

.wait {
    background: none repeat scroll 0 0 #cccccc;
}

.cart-item {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}

.cart-item h2 {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    /*margin: 0 0 15px;*/
    padding: 0 0 10px;
    font-weight: bold;
}

.cart-item-section-a table,
.cart-item-section-c table {
    text-align: right;
}

.cart-item .remove-button {
    background-image: url("/css/delete-cart-item2.jpg");
    border: medium none;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px;
    cursor: pointer;
}

.cart-item .edit-button {
    background-image: url("/css/edit-cart-item.jpg");
    border: medium none;
    height: 24px;
    position: absolute;
    right: 44px;
    top: 10px;
    width: 24px;
    cursor: pointer;
}

.cart-item-label {
    display: block;
    float: left;
    width: 150px;
    clear: left;
    margin: 0px;
    margin-bottom: 4px;
}

.cart-item-value {
    display: block;
    float: left;
    width: 350px;
    clear: right;
    margin: 0px;
    margin-bottom: 4px;
}

.cart-item-section-b p {
    font-size: 10px;
}

.cart-item-section-a table {
    width: 100%;
    font-size: 14px;
}

.cart-item-section-a table tr {
    background-color: #F3EEEE;
}

.cart-item-section-a table tr:nth-child(2n) {
    background-color: #eee;
}

.cart-item-section-a table td {
    padding: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.cart-item-section-a table td.label,
.cart-item-section-b table td.label,
.cart-item-section-c table td.label {
    color: black;
    background: transparent;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    display: table-cell;
    padding: 0.4rem;
}

.cart-item-section-c table td input[type="number"] {
    margin: 0;
    height: 2rem;
    float: right;
    width: 6rem;
}

#quantityField {
    text-align: right;
}

.cart-item-section-b table {
    background: none repeat scroll 0 0 #ccc;
    font-size: 10px;
    margin-top: 15px;
    width: 100%;
}

.cart-item-section-b table td.operator {
    width: 2%;
    text-align: right;
    padding-right: 0px;
}

.cart-item-section-b table td.amount {
    width: 9%;
    text-align: right;
}

.cart-item-section-b table td {
    padding: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.cart-item-section-c table {
    width: 100%;
    font-size: 14px;
    margin-top: 15px;
}

.cart-item-section-c table tr {
    background-color: #f3eeee;
}

.cart-item-section-c table tr:nth-child(2n) {
    background-color: #eee;
}

.cart-item-section-c table td.label {
    color: black;
    background: transparent;
    text-align: left;
}

.cart-item-section-c table td,
.cart-item-section-d table td {
    padding: 2px 4px;
}

.poanotice {
    margin-bottom: 20px;
    background-color: #FFFFDD;
    padding: 10px;
}

#price_summary {
    background: none repeat scroll 0 0 #f3eeee;
    float: right;
    font-size: 14px;
    text-align: right;
    width: 425px;
}

#price_summary tbody tr {
    line-height: 25px;
}

/* MATT */
.mod-accordion li {
    position: relative;
}

.left-col-orange {
    border-top: none !important;
}

.left-col-orange>span {
    background-color: #FE9900 !important;
}

.left-col-orange .filter-title {
    font-weight: bold;
}

.filter-checkbox-container {
    position: relative;
    padding-left: 2.5vw;
    line-height: 1.75vw;
    margin-bottom: 0.5vw;
}
.filter-checkbox-container:hover {
    cursor: pointer;
}
.filter-checkbox-container:hover strong {
    background-color: #FE990033;
}
.filter-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.filter-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.75vw;
    width: 1.75vw;
    border: 1px solid #C0BBBB;
    transition: 0.3s;
}

.filter-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.filter-checkbox-container input:checked~.filter-checkmark:after {
    display: block;
}

.filter-checkbox-container .filter-checkmark:after {
    left: 0.5vw;
    top: 0.15vw;
    width: 0.6vw;
    height: 1.2vw;
    border: solid #FE9900;
    border-width: 0 0.25vw 0.25vw 0;
    transform: rotate(35deg);
}

#mdropdown li ul {
    border-top: 5px solid #fe9900;
    border-right: 5px solid #fe9900;
    position: absolute;
    top: -10px;
    left: 195px;
    display: none;
    z-index: 99999;
    padding: 5px;
}

#mdropdown li:hover ul {
    display: block;
}

#mdropdown li ul li {
    border-bottom: none;
}

#mdropdown li ul li:hover {
    border-bottom: 1px solid #fff;
}

#mdropdown a {
    color: #000;
}

.mod-wrapper {
    margin: 0 25px;
}

.homepage-block-inner-title {
    font-size: 1.5vw;
    line-height: 4;
    font-weight: bold;
    color: black;
    text-decoration: none;
}

.homepage-block-inner-title:link {
    color: black;
    text-decoration: none;
}

.homepage-block-inner-title:visited {
    color: black;
    text-decoration: none;
}

.homepage-block-inner-title:hover {
    color: black;
    text-decoration: none;
}

.homepage-block-inner-title:active {
    color: black;
    text-decoration: none;
}

.homepage-block-inner-text {
    margin-top: 3vw;
    font-size: 0.8vw;
}

.homepage-block-inner-text a:hover {
    color: black;
    font-weight: bold;
}

.homepage-block-inner-text a:visited {
    color: black;
    font-weight: bold;
}

.homepage-block-inner-text a:link {
    color: black;
    font-weight: bold;
}

.homepage-block-inner-text a:visited {
    color: black;
    font-weight: bold;
}

.homepage-block-inner-cell {
    width: 100%;
    height: 15vw;
    padding: 1vw;
}

.homepage-block-inner-img {
    width: 100%;
    height: 100%;
    border-radius: 0.4vw;
}

.home-content .bottom span {
    display: block;
    color: #444;
    text-decoration: none;
}

.homepage-block-new {
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 3px;
    float: left;
}

.img-wrap {
    margin-left: auto;
    margin-right: auto;
}

.best-seller-item {
    position: relative;
    padding: 0 10px;
}

.best-seller-item-img {
    border-radius: 0.4vw;
}

.bseller-name {
    padding: 0 10px;
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: 0;
    color: white;
    left: 50%;
    transform: translateX(-50%);
}

.bseller-name-inner {
    width: 100%;
    background: rgba(64, 62, 62, 0.7);
    height: 100%;
    font-size: 1vw;
    margin-left: auto;
    margin-right: auto;
}

.bseller-bottom {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 0;
    background: black;
    color: white;
    font-size: 1vw;
    line-height: 2.5vw;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 4px solid #FE9900;
    left: 50%;
    transform: translateX(-50%);
}

.bseller-brand {
    color: #FE9900;
    font-weight: bold;
}

.homepage-big-cta {
    margin-top: 3vw;
}
.homepage-big-cta a {
    transition: 0.3s;
}
.homepage-big-cta a:hover {
    filter: brightness(0.9);
}

.homepage-block-new h2 {
    color: #FE9900;
    text-transform: uppercase;
}

.homepage-block-new h3 {
    color: #FE9900;
}

.homepage-block-new .left {
    float: left;
}

.homepage-video-block-img {
    border-bottom-right-radius: 0.4vw;
    border-bottom-left-radius: 0.4vw;
    padding: 4px;
    transition: 0.3s;
}
.homepage-video-block-img:hover {
    filter: brightness(0.9);
}

.homepage-video-view-all-btn {
    font-size: 0.8vw;
    padding: 0.5vw;
    background: #FE9900;
    font-weight: bold;
    border-radius: 0.2vw;
    width: 10%;
    margin-top: 1vw;
    margin-left: auto;
    margin-right: auto;
}

.homepage-video-view-all-a:link {
    color: black;
    text-decoration: none;
}

.homepage-video-view-all-a:hover {
    color: black;
    text-decoration: none;
}

.homepage-video-view-all-a:visited {
    color: black;
    text-decoration: none;
}

.homepage-video-view-all-a:active {
    color: black;
    text-decoration: none;
}

.homepage-block-img {
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 0.4vw;
    border-bottom-right-radius: 0.4vw;
}

.homepage-block {
    margin-top: 2vw;
    font-weight: bold;
}

.homepage-block a:link {
    color: black;
    text-decoration: none;
}

.homepage-block a:visited {
    color: black;
    text-decoration: none;
}

.homepage-block a:hover {
    color: black;
    text-decoration: none;
}
.homepage-block a:hover .homepage-block-text {
    color: white;
    transition: 0.3s;
}

.homepage-block a:active {
    color: black;
    text-decoration: none;
}

.homepage-block-text {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background: #FE9900;
    width: 100%;
    line-height: 2;
    font-size: 1vw;
    border-bottom-left-radius: 0.4vw;
    border-bottom-right-radius: 0.4vw;
}

.homepage-block-inner-2 {
    width: 100%;
    height: 100%;
    position: relative;
}

#sector .sector-inner {
    width: 32%;
    float: left;
    padding-right: 1%;
}

#sector .sector-inner .sector-title {
    background: #000;
    color: #fff;
    padding: 10px;
    border-bottom: 1px solid #FE9900;
    text-transform: uppercase;
    font-weight: bold;
    width: 236px;
}

#sector .sector-inner img {
    width: 256px;
    height: 216px;
}

#sector p {
    color: #000;
    font-size: 12px;
}

.box-orange {
    margin-bottom: 0 !important;
    padding: 4px !important;
    margin-top: 3px;
}

.whole-site-search {
    margin-top: 5px;
    width: 225px !important;
}

.whole-site-search input[type="text"] {
    width: 180px;
    display: inline-block;
    font-size: 0.6rem;
    padding: 2px 0 3px 5px;
    color: #8B8B8B;
}

.whole-site-search .cmd-search {
    width: 21px;
    height: 18px;
    display: inline-block;
    border: 0;
    background: #8B8B8B;
    margin-top: -2px;
    margin-left: -3px;
    color: #fff;
    -moz-appearance: none;
}

.welcome-msg {
    font-size: 1.5vw;
    margin-bottom: 1vw;
}

.welcome-msg .orange {
    color: #FE9900;
    font-weight: bold;
}

.welcome-intro-text {
    font-size: 0.8333vw;
    margin-bottom: 1.5vw;
}

.inner1 #welcome {
    width: 100%;
    margin: 0 0 8px 0;
}

.inner1 .home-shop-search {
    float: left;
    width: 25%;
    margin-top: 13px;
}

.flex-navigation i {
    color: #FE9900;
}

.supercat {
    padding: 1vw;
    position: relative;
}

.supercat-inner {
    width: 100%;
    padding-top: 75%;
    border-radius: 0.3vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.supercat-inner img {
    width: 100%;
    height: 12.343vw;
    border-radius: 0.3vw;
}

.supercat:hover .supercat-inner img {
    filter: brightness(50%);
}

.supercat span,
.supercat h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.1rem;
    text-align: center;
    background: #FE9900;
    margin-left: 1vw;
    margin-right: 1vw;
    border-bottom-right-radius: 0.3vw;
    border-bottom-left-radius: 0.3vw;
    /*line-height: 2.760vw;*/
    font-weight: bold;
    padding: 10px;
    margin-bottom: 0;
}

.supercat .faicon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 2.8125vw;
    color: white;
    transform: translate(-50%, -50%);
}

.supercat .supercat-hover {
    display: none;
}

.supercat:hover .supercat-hover {
    display: block;
}

.supercat-info-links {
    background: white;
    text-decoration: none;
    position: absolute;
    border-radius: 0.2vw;
    font-size: 0.833vw;
    width: 10.625vw;
    height: 2.552vw;
    line-height: 2.552vw;
    font-weight: bold;
}

.supercat-a {
    color: black;
    text-decoration: none;
    width: 10.625vw;
    height: 2.552vw;
    line-height: 2.552vw;
    display: block;
    border: 1px solid #eee;
}

.supercat-a:link {
    color: black;
    text-decoration: none;
}

.supercat-a:hover {
    color: black;
    text-decoration: none;
}

.supercat-a:visited {
    color: black;
    text-decoration: none;
}

.supercat-a:active {
    color: black;
    text-decoration: none;
}

.supercat-info-links.link1 {
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.supercat-info-links.link2 {
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

li.current {
    border-top: 0px solid #FE9900;
}

.which-sector-title {
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 4;
}

.sector {
    padding: 1vw;
    position: relative;
}

.sector img {
    width: 100%;
    border-radius: 0.4vw;
}

.sector-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: black;
    color: white;
    line-height: 3;
    margin-left: 1vw;
    margin-right: 1vw;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 4px solid #FE9900;
    border-top-left-radius: 0.4vw;
    border-top-right-radius: 0.4vw;
}

.sector-text {
    font-size: 1rem;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
    margin-top: .5vw;
}
.sectorContainer a {
    color: black;
}

.cc-img {
    float: right;
    max-height: 29px;
    margin-right: -3px;
    width: auto;
    margin-top: 15px;
}

.searchsection {
    background: #000;
    color: #FE9900;
    padding: 10px 7px;
    display: flex;
    align-items: center;
}

.searchsection i,
.searchsection strong,
.searchsection select {
    margin: 0 3px;
}

.searchsection input[type="submit"] {
    border-radius: 6px;
    background: #FE9900;
    padding: 2px 5px;
    color: #fff;
    border: 0;
    font-weight: bold;
}

.small-block,
.medium-block,
.large-block {
    display: block;
    float: left;
    max-height: 227px;
    overflow: hidden;
}

.size-helper-message {
    font-size: 0.7rem;
    color: red;
    background-color: #E2E2E2;
    margin-top: 1vw;
    margin-bottom: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

/*Site Search Layout*/
.ss-results {
    width: 95%;
    margin: 0 0 10px 0;
}

.ss-results h3 {
    margin: 0;
    padding: 5px 0;
    text-transform: uppercase;
}

.ss-results h4,
.ss-results p {
    margin: 0;
    padding: 5px 0;
}

.ss-results .go,
.ss-results .more {
    float: right;
}

.ss-results .ss-result .ss-result-item {
    width: 100%;
    margin: 0 0 10px 0;
}

.ss-results .ss-result {
    width: 100%;
    margin: 0 0 10px 0;
}

.ss-results .more-results {
    width: 100%;
    margin: 0 0 10px 0;
    display: none;
}

.cols-full .ss-col {
    width: 100%;
    margin: 0;
}

.cols-dbl .ss-col {
    width: 48%;
    margin: 0 2% 0 0;
    float: left;
}

.cta-row {
    float: left;
}

.row-aside ul li a {
    color: #000;
}

.row-aside ul li a:hover {
    color: #fff;
}

.normal-image-list-carousel {
    width: 718px;
}

#sector {
    width: 802px;
}

/* Gallery CSS */
#largeImage {
    display: none;
}

#category input {
    border: 1px solid #FE9900;
    color: #fff;
    padding: 7px;
    width: 90%;
    margin: 0 10px;
}

#category input[type="submit"] {
    background: #FE9900;
}

#category .large-1 {
    width: 8.33333%;
    float: left;
}

#category .large-3 {
    width: 25%;
    float: left;
}

#category .tagName {
    font-size: 8px;
    display: block;
    text-align: left;
}

.categoryNavigation select {
    border: 1px solid #FE9900;
    width: 95%;
    padding: 6px;
}

.row {
    float: left;
    margin: 0;
    width: 100%;
}

.inc-gallery .large-block-grid-4 {
    margin-left: 0;
    list-style-type: none;
    float: left;
    width: 100%;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.inc-gallery .large-block-grid-4 li {
    width: 192.5px;
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;
}

.inc-gallery .large-block-grid-4 li a {
    display: block;
    padding: 7px;
    background: #FE9900;
    min-height: 40px;
    color: #000;
    text-transform: capitalize;
    font-weight: bold;
}

.inc-gallery .gallery-inner li {
    min-height: 235px;
}

.gallery-list li {
    min-height: 190px;
}

.inc-gallery .gallery-inner a {
    color: #000;
    font-weight: bold;
    text-transform: capitalize;
}

.inc-gallery .gallery-list .hover,
.inc-gallery .gallery-inner span {
    display: block;
    padding: 7px 0;
}

.large-block-grid-4 img {
    display: block;
    width: 100%;
}

#search-2 {
    height: 24px;
}

#nav-search {
    height: 12px;
}

.headingByCategory {
    margin-left: 2rem;
    font-size: 1.5rem;
}

#mobileHeader {
    z-index: 9999999999;
}

.breadcrumb {
    display: none;
}

.paragraph3 p {
    margin-right: 0 !important;
}

.paragraph9 .accordion-content {
    padding: 1rem 0;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
    #mobileHeader {
        padding-top: 90px;
    }
}

@media screen and (max-width: 63.9375em) {
    #main {
        width: 100%;
        overflow-x: hidden;
    }
    #main.grid-padding-x>.cell {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    #mobileSearchHolder {
        width: 100%;
        height: 3rem;
        background: #666;
        position: fixed;
        top: 72px;
        z-index: 999;
        display: none;
    }

    #mobileSearchHolder input[type=text] {
        position: absolute;
        width: 90%;
        margin-left: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1rem;
    }

    #mobileSearchHolder a {
        position: absolute;
        right: 0.5rem;
        top: 50%;
        transform: translateY(-50%);
        color: #ff9900;
    }

    .ss-col {
        width: 100% !important;
        float: none !important;
    }

    .headingByCategory {
        margin-left: 0 !important;
        font-size: 1.1rem !important;
    }

    #cartDetails,
    #customerDetails {
        width: 100% !important;
        float: none !important;
    }

    #customerDetails .grid_8 {
        width: 100% !important;
    }

    #content ul.mod-options li {
        font-size: 12px;
        padding: 12px 6px !important;
    }

    #content ul.mod-options li.pp,
    #content ul.mod-options li.cc {
        width: 48% !important;
    }

    .csDetailsH2 {
        line-height: 1.7 !important;
        font-size: 1rem !important;
        clear: both !important;
        margin-bottom: 0 !important;
        padding-top: 1rem !important;
    }

    .grid_14.omega {
        width: 100% !important;
        float: none !important;
    }

    .site-logo {
        display: none !important;
    }

    .csDetailsH2 a {
        margin-right: 0 !important;
    }

    .product-title {
        font-size: 1.6rem;
    }

    .product-category {
        font-size: 1rem;
    }

    .product-intro {
        font-size: 0.9rem;
    }

    .prod-specs {
        font-size: 1rem;
    }

    .product-price {
        font-size: 1.4rem;
    }

    .product-price-vat {
        font-size: 0.6rem;
    }

    .product-ordering-title {
        font-size: 1.2rem;
    }

    #normal-image-list-carousel-2 .flex-next {
        margin-right: -24px !important;
    }

    .slick-next {
        right: -20px !important;
    }

    #mainpage #center p img {
        margin: 0 0.5rem 0.5rem 0;
    }

    .heading1 {
        top: 0;
        left: 0.7rem;
        z-index: 9999999 !important;
    }

    .grid-x>.medium-4 {
        width: calc(33.33% - 30px);
        display: flex;
        flex-direction: row;
        margin-right: 15px;
        margin-left: 15px;
    }

    .cat-prices strong {
        display: contents;
    }

    .cat-break {
        width: 2.4% !important;
        display: flex;
    }

    .cart-item-section-a table td.label,
    .cart-item-section-b table td.label,
    .cart-item-section-c table td.label {
        width: 30% !important;
    }

    #price_summary {
        float: none !important;
        width: auto !important;
    }

    .cart-item-section-c table tbody tr td,
    .cart-item-section-b table tbody tr td,
    .cart-item-section-a table td.label,
    #price_summary tbody tr td {
        display: table-cell !important;
        flex-direction: unset !important;
    }

    #price_summary tbody tr td:first-child {
        font-weight: bold;
        text-align: left;
    }

    .cart-item-section-c table td,
    .cart-item-section-d table td {
        width: 49% !important;
        display: table-cell !important;
        flex-direction: row;
    }

    .cart-item-section-c table td input[type="number"] {
        margin: 0;
        height: 2rem;
    }

    .cartSmaller {
        font-size: 0.7rem;
    }

    .help-text .bubble {
        min-width: 190px;
        left: -30px;
    }

    #normal-image-list-carousel-2 .flex-navigation i {
        color: #666 !important;
    }

    .mobile-header div a,
    .mobile-header a:visited {
        color: black;
    }

    .related-title {
        margin-top: 0 !important;
    }

    .secure-payment-message {
        display: block;
        text-align: center;
    }

    .secure-payment-message i {
        left: 30%;
    }

    #prodDims div {
        width: 50%;
    }

    .product-images {
        padding-bottom: 1rem;
    }

    .related-downloads .related-title,
    .prod-alternatives .title {
        text-align: center !important;
        font-size: 1.4rem;
    }

    .secure-shopping-images-holder {
        padding: 0 0 3rem 0 !important;
        /*margin-bottom: 1rem !important;*/
    }

    .leftColProd,
    .rightColProd {
        width: 49% !important;
    }

    .prod-pages {
        padding-bottom: 0.6rem !important;
    }

    .download-link a {
        font-size: .8rem;
        padding-left: 1.4rem !important;
    }

    .downloads-title {
        padding: .6rem !important;
    }

    .enquiry-button,
    .add-to-cart-button {
        font-size: 0.9rem;
    }

    .product-page-details-content {
        padding-left: 0 !important;
    }
    .horizontal-line {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    #pocBackground,
    #pocText {
        float: left;
    }

    #pocBackground {
        width: 19%;
    }

    #pocText {
        width: 80%;
    }
    .product-manf-logo {
        float: left;
    }

    .need-help-cta {
        padding-left: 4rem;
        padding-top: 7px;
        padding-bottom: 7px;
        height: auto;
    }

    .need-help-cta i {
        font-size: 2.5rem;
    }

    .need-help-cta-links {
        height: auto;
        line-height: 1.9rem;
    }

    .need-help-cta-links div div {
        width: 33%;
    }
    .need-help-cta-links div div a {
        display: block;
        padding: 5px;
    }

    .need-help-cta-links div div a span {
        font-size: 12px;
    }

    .need-help-section-3-icon {
        max-width: .8rem !important;
        max-height: 0.8rem !important;
        margin-left: 0.2rem !important;
    }

    .need-help-cta .big-text {
        font-size: 1rem;
        height: auto;
        line-height: 1.2;
        position: relative;
    }

    .need-help-cta .little-text {
        font-size: 0.8rem;
        line-height: 1rem;
    }

    .secure-payment-cell {
        padding: 0 0.6rem 0 0.6rem !important;
        float: left;
        height: 2rem;
    }

    #holder {
        padding-top: 1.6rem;
    }

    table tbody tr td {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important
    }

    table tbody tr td iframe {
        width: 100%
    }

    .mod-downloads label {
        display: none;
    }

    .mod-downloads select {
        width: 100% !important;
    }

    .sc-wrapper {
        width: 100%;
        margin: 0;
    }

    .sc-wrapper>div {
        width: 100% !important;
    }

    .sc-wrapper>div table tbody tr td div div {
        width: 100% !important;
        margin: 0 !important;
    }

    .profileDiv {
        width: 100% !important;
    }

    #product_group_video iframe {
        width: 100%;
    }

    .welcome-msg {
        font-size: 5.5vw;
        text-align: center;
    }

    .welcome-intro-text {
        font-size: 4vw;
        text-align: center;
    }

    .videos div {
        margin-bottom: 1rem;
    }

    .supercat span,
    .supercat h2 {
        font-size: 1.2rem;
        line-height: 2.5;
        /*color: white;*/
    }

    .supercat .faicon {
        font-size: 25vw;
    }

    .supercat a,
    .supercat a:visited,
    .supercat-a a,
    .supercat-a a:visited,
    .supercat-a:link {
        color: white;
        height: auto;
        width: 100%;
        padding: 10px;
    }

    .sectorContainer {
        margin: 1rem 0;
    }

    .homepage-block-new p,
    .homepage-block-new h3 {
        text-align: center;
    }

    .homepage-block-new p span a img,
    .homepage-block-new h3 a img {
        margin-bottom: 1rem;
    }

    .homepage-block-new div div {
        margin-bottom: 1rem;
    }

    .supercat-info-links {
        font-size: 4vw;
        border-radius: 0.8vw;
        line-height: 2.7;
        width: auto;
        height: auto;
        background: #00000080;
    }

    .which-sector-title {
        font-size: 6vw;
    }

    .sector {
        padding: 5vw;
    }

    .sector-title {
        font-size: 1.25rem;
        margin-left: 5vw;
        margin-right: 5vw;
        border-top-left-radius: 2vw;
        border-top-right-radius: 2vw;
    }

    .sector-title img {
        border-radius: 2vw;
    }

    .sector-text {
        margin-top: 2vw;
    }

    .homepage-block-inner-title {
        font-size: 5vw;
        line-height: 1.8;
    }

    .homepage-block-inner-cell {
        height: 80vw;
        padding: 5vw;
    }

    .homepage-block-inner-text {
        font-size: 4vw;
    }

    .img-wrap {
        margin-left: auto;
        margin-right: auto;
    }

    .mod-rightcol li ul li.tweet a {
        font-size: 3vw;
    }


    .bseller-bottom {
        font-size: 1.25rem;
        padding: 20px 0;
    }

    .bseller-name {
        height: 50%;
    }

    .bseller-name-inner {
        font-size: 1.25rem;
    }

    .homepage-big-cta {
        margin-top: 10vw;
    }

    .homepage-big-cta img {
        width: 100%;
    }

    .homepage-video-block-img {
        border-bottom-right-radius: 2vw;
        border-bottom-left-radius: 2vw;
        padding: 12px;
    }

    .homepage-video-view-all-btn {
        font-size: 4vw;
        width: 25vw;
        border-radius: 1vw;
        line-height: 2;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }

    .homepage-block-inner-title.videos {
        line-height: 1;
        margin-top: 6vw;
    }

    .homepage-block {
        margin-bottom: 4vw;
    }

    .homepage-block-text {
        font-size: 5vw;
        border-bottom-right-radius: 2vw;
        border-bottom-left-radius: 2vw;
    }

    .homepage-block-img {
        border-bottom-right-radius: 2vw;
        border-bottom-left-radius: 2vw;
    }

    .mod-rightcol-link {
        font-size: 5vw;
    }

    .mod-rightcol>li>ul>li .dte,
    .mod-rightcol>li>ul>li .desc,
    .mod-rightcol>li>ul>li .name {
        font-size: 3vw !important;
        line-height: 1.3;
    }

    .areas-we-serve {
        text-align: center;
        margin-top: 6vw;
    }

    .areas-we-serve span {
        font-size: 4vw;
    }

    .areas-we-serve p {
        font-size: 3vw;
    }

    .areas-we-serve-container img {
        width: 61.715vw;
        height: 61.715vw;
    }

    .footer-logos {
        text-align: center;
    }

    .social-icons {
        font-size: 6vw;
    }

    .social-icons a:hover {
        color: white;
        text-decoration: none;
    }

    .cat-box {
        height: 100vw;
        width: 100%;
        margin-left: 0;
        margin-bottom: 10vw;
    }

    .cat-box .cat-name {
        font-size: 4vw;
    }

    .cat-prices {
        font-size: 5vw;
        margin-top: 2.5vw;
    }

    .cat-prices strong {
        font-size: 7.5vw;
    }

    .cat-prices .bespoke strong {
        font-size: 7.5vw;
    }

    .cat-text {
        font-size: 4vw;
        text-align: center;
    }

    .cat-secure-shopping {
        height: 32vw;
        margin: 0;
        width: 100%;
    }

    .cat-secure-shopping .secure-message {
        height: 16vw;
        font-size: 3.2vw;
    }

    .cat-secure-shopping .secure-message span {
        line-height: 16vw;
    }

    .cat-secure-shopping .secure-message i {
        font-size: 8vw;
    }

    .secure-shop-img-holder {
        height: 16vw;
    }

    .secure-shop-img-holder img {
        width: 80%;
    }

    .search-results {
        height: auto;
        margin-top: 5vw;
        margin-bottom: 5vw;
        font-size: 20px;
        text-align: center;
    }

    .search-results .items-found,
    .search-results .display-count,
    .search-results .order-by,
    .search-results .paginate {
        margin: 10px auto;
    }

    .search-results .display-count select {
        width: 100px;
        font-size: 20px;
        height: 32px;
        line-height: 1;
        margin: 0;
    }

    .search-results .order-by select {
        width: 240px;
        font-size: 20px;
        height: 32px;
        line-height: 1;
        margin: 0;
    }

    .shop-filters-bar {
        position: fixed;
        right: 0;
        left: 0;
        top: 11vw;
        height: 60px;
        padding-top: 20px;
        background-color: #FE9900;
        font-size: 1rem;
        color: #fff;
        text-align: center;
        line-height: 2.4;
        z-index: 10;
    }

    .homepage-block-inner-2 {
        padding: 5vw;
    }

    .homepage-block-text {
        width: calc(100% - 10vw) !important;
    }

    .col-shopping >.grid-x >.cell {
        padding: 8px;
    }

    .sub-cat-product {
        margin-left: 0vw;
        width: 100%;
        height: auto;
        max-height: 700px;
    }

    .sub-cat-product .manufacturer {
        font-size: 24px;
        margin-top: 3vw;
    }

    .sub-cat-product .prod-desc,
    .sub-cat-product .prod-title {
        font-size: 20px;
    }

    .sub-cat-product .price {
        font-size: 32px;
    }

    .bottom-pagination-container {
        font-size: 4vw;
        height: 15vw;
    }

    .bottom-pagination .page-label,
    .bottom-pagination a {
        line-height: 15vw;
    }

    .bottom-pagination .selected-page {
        width: 7.5vw;
        height: 7.5vw;
        transform: translateY(2.5vw);
    }

    #footer,
    #footer .footer-base {
        font-size: 3vw;
    }

    .cms-header-red,
    .cms-header-blue,
    .cms-header-green {
        font-size: 7vw;
        margin-bottom: 5vw;
        text-align: center;
    }

    .cms-header {
        font-size: 7vw;
        margin-top: 5vw;
        margin-bottom: 7.5vw;
        text-align: center;
    }

    .cms-alt-header {
        font-size: 7vw;
        margin-bottom: 5vw;
        text-align: center;
    }

    .cms-p-tag {
        font-size: 4vw;
        text-align: center;
    }

    .cms-img-holder {
        padding-left: 5vw;
        padding-right: 5vw;
        margin-bottom: 10vw;
    }

    .cms-img-holder img {
        width: 100%;
    }

    .cms-img-overlay {
        font-size: 5vw;
        height: 10vw;
        line-height: 10vw;
        width: calc(100% - 10vw);
        border-bottom-left-radius: 2.5vw;
        border-bottom-right-radius: 2.5vw;
    }

    .cms-img-coming-soon {
        width: calc(100% - 10vw);
        height: 10vw;
        line-height: 10vw;
        font-size: 5vw;
    }

    .cms-services-icon-holder {
        font-size: 5vw;
        height: 80vw;
    }

    .sg-header {
        height: 95px;
    }

    .sg-header .sg-title {
        padding-top: 1.4rem;
        width: 65%;
        margin: 0 10px 0 10px;
    }

    .sg-header .sg-title h1 {
        font-size: 1rem;
    }

    .sg-header .sg-logo {
        padding-top: 2.4rem;
        width: 22%;
        margin-right: 0.6rem;
    }

    .sg-wrapper .slider2 {
        height: 182px !important;
    }

    .slider2+div {
        width: 50% !important;
    }

    .slider2~div div {
        padding: 0.4rem !important;
    }

    .slider2~div div p {
        margin-bottom: 0.2rem;
        line-height: 1.4;
    }

    .sg-header2 {
        width: 100% !important;
    }

    .sg-header2 span,
    .sg-header2 img {
        padding: 0.4rem;
        width: 2.7rem;
    }

    .sg-header2 span {
        width: 80%;
        font-size: 1rem !important;
        margin-top: 0.3rem;
    }

    .sml-img-links2 li:first-child {
        border-radius: 0 0 10px 10px;
    }

    .lrg-img-links2,
    .sml-img-links {
        margin-bottom: 0 !important;
        display: block !important;
    }

    .sml-img-links2 li,
    .lrg-img-links2 li,
    .sml-img-links li {
        width: 100% !important;
        border-radius: 10px;
        margin-bottom: 1rem;
        text-align: center;
        margin-left: 0;
    }

    .sml-img-links2 li a img,
    .sml-img-links li a img {
        width: 100%;
    }
    img.need-a-price-cta {
        margin-bottom: 20px;
    }

}
@media print, screen and (min-width: 40em) {
    .grid-x>.meidum-6 {
        width: 50%;
        flex: 0 0 auto;
    }
}
@media print, screen and (max-width: 40em) {
    .homepage-block-new .cell img {
        width: 100% !important;
        height: auto !important;
    }
}

.product-page-details-content {
    padding-left: 1.5rem;
}

#normal-image-list-carousel-2 .flex-navigation {
    margin-top: -106px;
}

#normal-image-list-carousel-2 .flex-prev:hover,
#normal-image-list-carousel-2 .flex-next:hover {
    background: none;
    color: #ccc;
    z-index: 9999;
}

#normal-image-list-carousel-2 .flex-navigation i {
    color: #e2e2e2;
}

#normal-image-list-carousel-2 .flex-prev {
    color: #fff;
    background: none;
    top: 0;
    width: 30px;
    height: 100px;
    margin-top: 0;
    padding-top: 30px;
    margin-left: -30px !important;
    margin-right: 0px !important;
    float: left;
    z-index: 9999px !important;
}

#normal-image-list-carousel-2 .flex-next {
    color: #fff;
    background: none;
    top: 0;
    width: 30px;
    height: 100px;
    margin-top: 0;
    margin-left: 0px !important;
    margin-right: -30px !important;
    padding-top: 30px;
    float: right;
    z-index: 9999 !important;
}

.secure-shopping-images-holder {
    padding: 1rem 0 2rem 0;
}

.secure-payment-cell {
    padding-left: 1rem;
}

.need-help-section-3-icon {
    max-height: 1.3em;
    max-width: 1.3em;
    margin-left: 0.8em;
}

.fw-banner-1 {
    padding: 0 !important;
    background-color: red;
    height: 20vw;
    display: table;
    width: 100%;
    background: url("/templates/default/images/fw-banner-1.jpg") no-repeat;
    background-size: cover;
    background-clip: border-box;
}

.fw-banner-1 h1 {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 3vw;
    display: table-cell;
    vertical-align: middle;
    text-shadow: 1px 1px 18px rgba(0, 0, 0, 0.6);
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 999;
    text-align: left;
    right: 0;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.header-right-side {
    padding: 0 !important;
    margin: 0 !important;
}

.show-for-large {
    width: 100%;
}

.header-left-side-logo {
    padding: 0 !important;
    margin: 0 !important;
}

.menu-cart-link,
.menu-cart-link:hover {
    text-decoration: none;
    color: inherit;
}

.mobile-menu-close-icon {
    float: right;
    font-size: 1.5rem;
    font-weight: bold;
}

.mobile-menu-close-container {
    margin-top: 0;
    text-align: left;
    width: 100%;
    background-color: #FE9900;
    color: black !important;
    padding: 10px 15px;
    right: 0 !important;
    top: 0 !important;
    font-size: 1rem !important;
}

.mobile-menu-close-text {
    line-height: 1.5rem;
}

.mobile-menu-container {
    margin-top: 28px !important;
}

#mobileHeader {
    width: 260px !important;
    padding-bottom: 140px;
}
#mobileHeader li.active > a {
    border-left: #FE9900 solid 4px;
    color: #FE9900 !important;
    background: transparent;
}
.mobile-menu-container li h4 {
    font-weight: bold;
    font-size: 1rem;
    margin-top: 0.5rem;
}

.mobile-menu-container>li {
    border-bottom: 2px solid #FE9900;
    font-size: 0.9rem;
}

.mobile-menu-container a {
    text-decoration: none !important;
    color: #000 !important;
}

#mobileHeader {
    background-color: #fff;
}

@media screen and (min-width: 1024px) {
    #mobileHeader {
        display: none;
    }
}

.mobile-menu-container .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    border-color: #000 transparent transparent !important;

}

.lhs-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    display: none !important;
}

.lhs-menu a {
    padding: 0.6rem 0 !important;
    font-size: 1rem !important;
}

.InnerCatUlLi a {
    padding: 0.6rem 0 !important;
    font-size: 0.8rem !important;
}

.lhs-orange-link {
    color: #ff9900 !important;
    font-weight: bold !important;
}


.lhs-menu-latest .first-level {
    display: block;
    margin: 0;
    padding: 7px 0 6px 15px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 0.9375vw;
    line-height: 2;
    background-color: black;
}

.lhs-menu-latest .submenu-toggle {
    width: 50px;
    height: 50px;
}

.lhs-menu-latest .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 10px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto;
}

.lhs-menu-latest .second-level .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 10px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: transparent;
    top: 0;
    bottom: 0;
    margin: auto;
}

.lhs-menu-latest .second-level .submenu-toggle {
    width: 0;
    height: 0;
    padding-top: 12px;
    color: transparent;
    border-color: transparent;
}

.lhs-menu-latest li ul li a {
    padding: 0.6rem 0 0.6rem 1rem !important;
    font-size: 1rem !important;
    display: block;
    color: black;
    border-bottom: 2px solid transparent;
}

.lhs-menu-latest .orange-top-border {
    border-top: 2px solid #FE9900;
}

.lhs-menu-latest ul.submenu {
    list-style-type: none;
    width: 94%;
}

.lhs-menu-latest .filters ul li a {
    background: #FE9900;
    padding: 7px 0 6px 15px !important;
    font-size: 0.9375vw;
}

.filters .filter-title {
    font-weight: bold;
    padding: .2rem 0;
}

@media screen and (max-width: 63.9375rem) {
    #normal-image-list-carousel-2 .flex-next {
        margin-right: -18px !important;
    }
}

@media screen and (max-width: 40.625rem) {
    .homepage-block-inner-2 {
        display: block;
        height: 25rem !important;
        padding-bottom: 0.5rem;
    }

    .homepage-block-img {
        height: 35rem !important;
    }

    .secure-shopping-images-holder {
        margin-bottom: 2rem;
    }
}

.orange-cta-box.lead-cta:nth-child(1) {
    display: block;
}

.orange-cta-box.lead-cta:nth-child(2) {
    display: none;
}

@media screen and (min-width: 64em) {
    .paragraph3 .overlay img {
        padding-left: 20px;
    }
}

/* helpers */
.overflow-hidden {
    overflow: hidden;
}

.m-0-5 {
    margin: 0.5rem;
}

.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.ml-1 {
    margin-left: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.images-grid {
    display: flex;
}

@media screen and (max-width: 639.99px) {
    .images-grid.vertical-on-small {
        flex-direction: column;
    }

    .images-grid.vertical-on-small>div {
        margin: auto;
    }
}
body .paragraph2 .overlay img {
    width: 100%;
    height: 20vw;
    object-fit: cover;
    max-height: 300px;
}
@media (max-width:640px) {
    body .paragraph2 .overlay img {
        height: 50vw;
        width: 105vw;
        max-width: 105vw;
        margin: -40px -25px 0 !important
    }
    body .paragraph2 p {
        line-height: 1.2;
    }
}