/* Minification failed. Returning unminified contents. (3506,17): run-time error CSS1063: Expected calculation unit, found ')' (3506,17): run-time error CSS1064: Expected calculation product, found ')' (3506,17): run-time error CSS1065: Expected calculation sum, found ')' */ /*! * Bootstrap v3.0.2 by @fat and @mdo * Copyright 2013 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ .btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-primary{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#2d6ca2));background-image:-webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:-moz-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);background-repeat:repeat-x;border-color:#2b669a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-primary:hover,.btn-primary:focus{background-color:#2d6ca2;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#2d6ca2;border-color:#2b669a}.btn-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#419641));background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-moz-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);background-repeat:repeat-x;border-color:#3e8f3e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff419641',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#eb9316));background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-moz-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);background-repeat:repeat-x;border-color:#e38d13;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffeb9316',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c12e2a));background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-moz-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);background-repeat:repeat-x;border-color:#b92c28;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc12e2a',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#2aabd2));background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-moz-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);background-repeat:repeat-x;border-color:#28a4c9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2aabd2',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#e8e8e8;background-image:-webkit-gradient(linear,left 0,left 100%,from(#f5f5f5),to(#e8e8e8));background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-moz-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#357ebd;background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:-moz-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.navbar-default{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#f8f8f8));background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-moz-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);background-repeat:repeat-x;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)}.navbar-default .navbar-nav>.active>a{background-image:-webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f3f3f3));background-image:-webkit-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:-moz-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f3f3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff3f3f3',GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.075);box-shadow:inset 0 3px 9px rgba(0,0,0,0.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,0.25)}.navbar-inverse{background-image:-webkit-gradient(linear,left 0,left 100%,from(#3c3c3c),to(#222));background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-moz-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',endColorstr='#ff222222',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-gradient(linear,left 0,left 100%,from(#222),to(#282828));background-image:-webkit-linear-gradient(top,#222 0,#282828 100%);background-image:-moz-linear-gradient(top,#222 0,#282828 100%);background-image:linear-gradient(to bottom,#222 0,#282828 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff282828',GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.25);box-shadow:inset 0 3px 9px rgba(0,0,0,0.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)}.alert-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#c8e5bc));background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-moz-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);background-repeat:repeat-x;border-color:#b2dba1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0)}.alert-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#b9def0));background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-moz-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)}.alert-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#f8efc0));background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-moz-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);background-repeat:repeat-x;border-color:#f5e79e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0)}.alert-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#e7c3c3));background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-moz-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);background-repeat:repeat-x;border-color:#dca7a7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0)}.progress{background-image:-webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0)}.progress-bar{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));background-image:-webkit-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:-moz-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}.progress-bar-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-moz-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)}.progress-bar-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)}.progress-bar-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)}.progress-bar-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-moz-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #3071a9;background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3278b3));background-image:-webkit-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:-moz-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:linear-gradient(to bottom,#428bca 0,#3278b3 100%);background-repeat:repeat-x;border-color:#3278b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3278b3',GradientType=0)}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.panel-default>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f5f5f5),to(#e8e8e8));background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-moz-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:-moz-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#d0e9c6));background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-moz-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffd0e9c6',GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#c4e3f3));background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-moz-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#faf2cc));background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-moz-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fffaf2cc',GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#ebcccc));background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-moz-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffebcccc',GradientType=0)}.well{background-image:-webkit-gradient(linear,left 0,left 100%,from(#e8e8e8),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-moz-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);background-repeat:repeat-x;border-color:#dcdcdc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)} /* Advansys CSS */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'OpenSans-Semibold'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'OpenSans-Extrabold'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } body, html { font-family: 'Open Sans',myriad pro,"Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; } a, a:hover, a:active, a:focus { color: #99cc33; } .subnav { background: #E6E6E6 } .icon { float: left; width: 24px; height: 16px; margin-top: 4px; } .flag-gb, .flag-en { background: url('/images/flags/16/en.png') no-repeat; } .flag-fr { background: url('/images/flags/16/fr.png') no-repeat; } .flag-de { background: url('/images/flags/16/de.png') no-repeat; } .flag-it { background: url('/images/flags/16/it.png') no-repeat; } .flag-es { background: url('/images/flags/16/es.png') no-repeat; } .flag-eu { background: url('/images/flags/16/eu.png') no-repeat; } .flag-us { background: url('/images/flags/16/us.png') no-repeat; } .icon-md { float: left; width: 24px; height: 20px; margin: 0 -4px; } .flag-md-gb, .flag-md-en { background: url('/images/flags/24/en.png') no-repeat; } .flag-md-fr { background: url('/images/flags/24/fr.png') no-repeat; } .flag-md-de { background: url('/images/flags/24/de.png') no-repeat; } .flag-md-it { background: url('/images/flags/24/it.png') no-repeat; } .flag-md-es { background: url('/images/flags/24/es.png') no-repeat; } .flag-md-eu { background: url('/images/flags/24/eu.png') no-repeat; } .flag-md-us { background: url('/images/flags/24/us.png') no-repeat; } .icon-lg { float: left; width: 32px; height: 32px; margin: -4px 0; } .flag-lg-gb, .flag-lg-en { background: url('/images/flags/32/en.png') no-repeat; } .flag-lg-fr { background: url('/images/flags/32/fr.png') no-repeat; } .flag-lg-de { background: url('/images/flags/32/de.png') no-repeat; } .flag-lg-it { background: url('/images/flags/32/it.png') no-repeat; } .flag-lg-es { background: url('/images/flags/32/es.png') no-repeat; } .flag-lg-eu { background: url('/images/flags/32/eu.png') no-repeat; } .flag-lg-us { background: url('/images/flags/32/us.png') no-repeat; } .currency-gbp { background: url('/images/currencies/16/gbp.png') no-repeat; } .currency-eur { background: url('/images/currencies/16/eur.png') no-repeat; } .currency-usd { background: url('/images/currencies/16/usd.png') no-repeat; } .currency-aud { background: url('/images/currencies/16/aud.png') no-repeat; } .currency-cad { background: url('/images/currencies/16/cad.png') no-repeat; } .currency-jpy { background: url('/images/currencies/16/jpy.png') no-repeat; } .currency-cny { background: url('/images/currencies/16/cny.png') no-repeat; } .currency-aed { background: url('/images/currencies/16/aed.png') no-repeat; } .currency-lg-gbp { background: url('/images/currencies/32/gbp.png') no-repeat; } .currency-lg-eur { background: url('/images/currencies/32/eur.png') no-repeat; } .currency-lg-usd { background: url('/images/currencies/32/usd.png') no-repeat; } .currency-lg-aud { background: url('/images/currencies/32/aud.png') no-repeat; } .currency-lg-cad { background: url('/images/currencies/32/cad.png') no-repeat; } .currency-lg-jpy { background: url('/images/currencies/32/jpy.png') no-repeat; } .currency-lg-cny { background: url('/images/currencies/32/cny.png') no-repeat; } .currency-lg-aed { background: url('/images/currencies/32/aed.png') no-repeat; } .black { background: #000000 } .darkergrey { background: #424242 } .darkgrey { background: #151515; color: #9880c6; } .grey { background: #A4A4A4 } .lightgrey { background: #CCCCCC } .lightergrey { background: #202020 } .offwhite { background: #F8F8F8 } .white { background: #FFFFFF } .red { background: #F00 } .blue { background: #00F } .tt-dropdown-menu .green { background: #0F0 } .font-17 { font-size: 17px; } .font-15 { font-size: 15px !important; } .black-text { color: #000000 } .darkergrey-text { color: #424242 } .darkgrey-text { color: #6E6E6E } .grey-text { color: #A4A4A4 } .lightgrey-text { color: #CCCCCC } .lightergrey-text { color: #EEEEEE } .offwhite-text { color: #FAFAFA } .white-text { color: #FFFFFF } .gold-text { color: #FFD700 } .goldenrod-text { color: #DAA520 } .darkgoldenrod-text { color: #B8860B } .green-text { color: #7bb530 !important; } .purple-text { color: #4E2D8D !important; } .red-text { color: #d00; } .blue-text { color: #428bca; } .darkblue-text { color: #184c72; } .main-color { color: #2d6ca2; } .text-justify { text-align: justify } .text-footer { text-decoration: none; } .text-bold { font-weight: bold; } .text-11 { font-size: 11px; } .text-12 { font-size: 12px; } .text-13 { font-size: 13px; } .text-14 { font-size: 14px; } .text-15 { font-size: 15px; } .text-16 { font-size: 16px; } .text-18 { font-size: 18px; } .text-20 { font-size: 20px; } .text-22 { font-size: 22px; } .text-24 { font-size: 24px; } .text-26 { font-size: 26px; } .text-28 { font-size: 28px; } .text-30 { font-size: 30px; } .text-align-right { text-align: right; } .text-align-left { text-align: left !important; } .text-align-center { text-align: center; } .text-nowrap { white-space: nowrap; } .uppercase { text-transform: uppercase; } .caps { text-transform: capitalize; } .placeholder { color: #aaa !important; } .noplaceholder { color: #555 !important; } .height-15 { height: 15px } .height-30 { height: 30px } .height-50 { height: 50px } .height-60 { height: 60px } .height-80 { height: 80px } .height-100 { height: 100px } .height-150 { height: 150px } .height-200 { height: 200px } .height-300 { height: 300px } .height-400 { height: 400px } .min-height-15 { min-height: 15px } .min-height-30 { min-height: 30px } .min-height-50 { min-height: 50px } .min-height-100 { min-height: 100px } .min-height-150 { min-height: 150px } .min-height-200 { min-height: 200px } .min-height-250 { min-height: 200px } .min-height-300 { min-height: 300px } .min-height-350 { min-height: 350px } .min-height-400 { min-height: 400px } .min-width-50 { min-width: 50px } .min-width-100 { min-width: 100px } .full-width { width: 100%; } .margin-tb-3 { margin: 3px 0 } .margin-tb-5 { margin: 5px 0 } .margin-tb-10 { margin: 10px 0 } .margin-tb-15 { margin: 15px 0 } .margin-tb-30 { margin: 30px 0 } .margin-to-0 { margin-top: 0 } .margin-to-3 { margin-top: 3px } .margin-to-4 { margin-top: 4px } .margin-to-5 { margin-top: 5px } .margin-to-10 { margin-top: 10px } .margin-to-7 { margin-top: 7px } .margin-to-8 { margin-top: 8px } .margin-to-15 { margin-top: 15px } .margin-to-20 { margin-top: 20px } .margin-to-25 { margin-top: 25px } .margin-to-27 { margin-top: 27px } .margin-to-28 { margin-top: 28px } .margin-to-30 { margin-top: 30px } .margin-to-35 { margin-top: 35px } .margin-to-40 { margin-top: 40px } .margin-to--5 { margin-top: -5px } .margin-to--10 { margin-top: -10px } .margin-to--15 { margin-top: -15px } .margin-to--20 { margin-top: -20px } .margin-to--30 { margin-top: -30px } .margin-to--35 { margin-top: -35px } .margin-to--40 { margin-top: -40px } .margin-bo-0 { margin-bottom: 0 } .margin-bo-3 { margin-bottom: 3px } .margin-bo-5 { margin-bottom: 5px } .margin-bo-9 { margin-bottom: 9px } .margin-bo-10 { margin-bottom: 10px } .margin-bo-15 { margin-bottom: 15px } .margin-bo-20 { margin-bottom: 20px } .margin-bo-22 { margin-bottom: 22px } .margin-bo-30 { margin-bottom: 30px } .margin-bo-35 { margin-bottom: 35px } .margin-bo-60 { margin-bottom: 60px } .margin-lr-5 { margin: 0 5px } .margin-lr-10 { margin: 0 10px } .margin-lr-15 { margin: 0 15px } .margin-left-0 { margin-left: 0 !important; } .margin-lo-15 { margin-left: 15px } .margin-ro-15 { margin-right: 15px } .padding-ri-0::after { padding-right: 0; } .padding-ri-5::after { padding-right: 5px; } .padding-ri-10::after { padding-right: 10px; } .padding-ri-15::after { padding-right: 15px; } .padding-l-0 { padding-left: 0 } .padding-le-0::after { padding-left: 0; } .padding-le-5::after { padding-left: 5px; } .padding-le-10::after { padding-left: 10px; } .padding-le-15::after { padding-left: 15px; } .padding-lf-0 { padding-left: 0; } .grey-border { border: solid 1px #d9d9d9; } .grey-border2 { border: solid 1px #cdcdcd; } .lightergrey-border { border: solid 1px #f1f1f1; } .lightergreyplus-border { border: solid 1px #f5f5f5; } .dnone { display: none; } .min-width-75-i { min-width: 75px !important; } .width-90-px { width: 90px; } .width-125-px { width: 125px; } /*buttons*/ .blue-button { background: -webkit-linear-gradient(#8eb6cf,#588cab) !important; /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#8eb6cf,#588cab) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#8eb6cf,#588cab) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#8eb6cf,#588cab) !important; /* Standard syntax */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8eb6cf', endColorstr='#588cab', GradientType=0) !important; } .blue-button-border { border: solid 1px #588cab !important; } /*end buttons*/ .img-32x32 { height: 32px; width: 32px; } .img-64x64 { height: 64px; width: 64px; } .margin-none { margin: 0 !important } .border-none { border: 0 !important } .cursor-hand { cursor: pointer; } .border-left { border-left: 1px solid #ddd; } /* Center an object - adjust neagtive margins to suit size of object */ .centered-50 { position: fixed; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; } .centered-100 { position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; } .vertical-align { display: flex; align-items: center; } select { min-width: 100px; } /* Misc */ #debug { position: absolute; top: 10px; left: 10px; z-index: 999; width: 400px; padding: 3px; background: #000; } #debug table { width: 100%; background: #fff; } #debug table thead { width: 400px; font-weight: bold; background: #335588; color: #fff; } #debug td { border: 1px solid #808080; padding: 2px; } /* In addition to Bootstraps .img-responsive the below resizes to full width */ .fullwidth { width: 100%; height: auto; } .img-large { width: 100px } .shadow { -webkit-box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.5); box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.5); } /* Override Bootstrap Modal dialog positioning */ .modal-dialog { margin-top: 20% !important; } .leadmodal .modal-dialog { margin-top: 10% !important; } .modal-content { margin-top: -20% !important; } .modal-styled { border-top-left-radius: 4px; border-top-right-radius: 4px; } .modal-footer .btn { min-width: 80px; } /*! * Carousel core styles */ .carousel.slide img { width: 100%; height: auto; } /* Remove the default shading on the Carousel */ .left.carousel-control, .right.carousel-control { background: none; } /* Extend the dropdown-menu class by applying scrollable-menu to make scrollable dropdown */ .scrollable-menu { height: auto; max-height: 350px !important; overflow-x: hidden; } /* Typeahead Predictive Search */ #searchterms, #searchterms2 { border-radius: 0px !important; height: 30px !important; border-right: 0; -webkit-box-shadow: none; padding-right: 0px; background-color: rgb(255, 255, 255) !important; } #form-search button[type="submit"], #form-search2 button[type="submit"] { height: 30px; background-color: transparent; background: white; border-radius: 0px; border-left: 0px !important; box-shadow: none; padding-right: 9px; } #form-search .glyphicon-search, #form-search2 .glyphicon-search { color: #868686 } .twitter-typeahead { width: 100%; margin-top: 5px; } .typeahead, .tt-query, .tt-hint { display: inline !important; -webkit-border-top-left-radius: 4px !important; -webkit-border-bottom-left-radius: 4px !important; -moz-border-radius-topleft: 4px !important; -moz-border-radius-bottomleft: 4px !important; border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; } .tt-dropdown-menu { width: 100%; min-width: 230px; margin-top: 8px; padding: 4px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.2); -moz-box-shadow: 0 4px 8px rgba(0,0,0,.2); box-shadow: 0 4px 8px rgba(0,0,0,.2); } .tt-suggestion { padding: 3px 12px; line-height: 24px; } .tt-suggestion.tt-cursor { color: #fff; background-color: #4e2d8d; } .tt-suggestion p { margin: 0; } /*------------------------------------------------------------------ [ Slider / .ui-slider ] */ .ui-slider { position: relative; text-align: left; margin-top: 15px; border: 1px solid #FFF; border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background: #ddd; border-color: #b3b3b3; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 25px; height: 16px; background: url(/images/default/handle.png) no-repeat; border: none; cursor: pointer; } .ui-slider .ui-slider-handle:hover { background-position: 0 -16px; } .ui-slider .ui-slider-handle:active { background-position: 0 -16px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 6px; font-size: .7em; display: block; border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; background: #357ebd; /* selected range colour */ } .ui-slider.slider-primary .ui-slider-range { background: #e5412d; border-color: #c62b19; } .ui-slider.slider-secondary .ui-slider-range { background: #f0ad4e; border-color: #ec971f; } .ui-slider.slider-tertiary .ui-slider-range { background: #888888; border-color: #6f6f6f; } .ui-slider.slider-success .ui-slider-range { background: #5cb85c; border-color: #449d44; } .ui-slider.slider-warning .ui-slider-range { background: #ff751a; border-color: #e65c00; } .ui-slider.slider-danger .ui-slider-range { background: #d9534f; border-color: #c9302c; } .ui-slider.slider-info .ui-slider-range { background: #3498db; border-color: #217dbb; } .ui-slider-horizontal { height: 12px; } .ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: -1px; height: 110%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 11px; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -3px; margin-left: 0; margin-bottom: -0.6em; width: 15px; height: 24px; background: url(/images/default/handle-vertical.png) no-repeat; } .ui-slider-vertical .ui-slider-handle:hover { background-position: 0 -24px; } .ui-slider-vertical .ui-slider-handle:active { background-position: 0 -24px; } .ui-slider-vertical .ui-slider-range { left: 0; width: 9px; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .form .row, .form-horizontal .row { margin-bottom: 0 !important; } .help-block { margin-bottom: 0; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; } /* Side Tab */ .text-vertical { font-weight: normal; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } h4.text-vertical { margin-top: 30px !important; margin-bottom: 30px !important; } /* Callback Tab */ .tabslider { position: fixed; top: 200px; right: 0; width: 355px; margin-right: -355px; z-index: 999; } .tabslider-button { position: fixed; width: 40px !important; height: 160px; right: 0; top: 220px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; z-index: 999; cursor: pointer; color: #ffffff; border-color: #9E5919; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffca99", endColorstr="#f47600"); /* background-image: -khtml-gradient(linear, left top, right bottom, from(#ffca99), to(#f47600)); background-image: -moz-linear-gradient(top left, #ffca99, #f47600); background-image: -ms-linear-gradient(top, #ffca99, #f47600); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffca99), color-stop(100%, #f47600)); background-image: -webkit-linear-gradient(top, #ffca99, #f47600); background-image: -o-linear-gradient(top left, #ffca99, #f47600); background-image: linear-gradient(to bottom right, #ffca99, #f47600);*/ border-color: #ff9028 #f47600 hsl(29, 100%, 52.5%); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; background-color: hsl(80, 60%, 50%) !important; white-space: nowrap; } /*newssletter inline*/ .newsletter-message { display: block; margin-top: 30px; margin-bottom: 20px; text-align: left; color: white; } .newsletter-message a { color: #7bb530; } .newsletter-inline-container { background-color: #4e2d8d; } #quick-newsletter > h3 { font-size: 22px; color: white; margin-top: 30px; } @media (max-width: 765px) { #quick-newsletter > h3 { text-align: center; } #quick-newsletter-email { margin-bottom: 25px; } .xs-only { display: contents !important; } } #quick-newsletter-email { text-align: left; height: 41px; font-family: 'Open Sans'; font-size: 15px; color: #3c3c3c; border: 0px; } .newsletter-box { /*margin-top: 20px;*/ padding: 0 15px; width: 50%; margin: 20px auto; } #quick-newsletter-email::-webkit-input-placeholder { font-size: 15px; } #quick-newsletter-email.error { background-color: #ffb2b2; border: solid 1px red; } .email-error { } #action-newsletter { text-transform: capitalize; height: 41px; background: #7cb530; border: solid 1px white; border-radius: 0px; } @media (max-width: 765px) { #action-newsletter { position: relative; /*: -2px;*/ left: -4px; } .newsletter-box { width: 100% } } /* Newsletter Tab */ .tabslider2 { position: fixed; top: 342px; right: 0; height: 205px; width: 280px; margin-right: -280px; z-index: 999; } .tabslider2-button { position: fixed; width: 40px !important; height: 120px; right: 0; top: 362px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; z-index: 999; cursor: pointer; color: #ffffff; border-color: #7cb530; background-color: hsl(75, 100%, 38%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cb530", endColorstr="#7CA940"); background-image: -khtml-gradient(linear, left top, right bottom, from(#7cb530), to(#7CA940)); background-image: -moz-linear-gradient(top left, #7cb530, #7CA940); background-image: -ms-linear-gradient(top, #7cb530, #7CA940); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7cb530), color-stop(100%, #7CA940)); background-image: -webkit-linear-gradient(top, #7cb530, #7CA940); background-image: -o-linear-gradient(top left, #7cb530, #7CA940); background-image: linear-gradient(to bottom right, #7cb530, #7CA940); border-color: #7cb530 #7CA940 hsl(75, 100%, 38%); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; } /* Star Ratings - REMOVE FOR FA */ .glyphicon-star { color: gold; font-size: 20px; cursor: default; text-decoration: none; line-height: 30px; } .glyphicon-star-empty { color: #e0e0e0; font-size: 20px; cursor: default; text-decoration: none; line-height: 30px; } /* Spinner */ .bootstrap-touchspin { width: 100px; float: left; margin-right: 5px; height: 100%; } .bootstrap-touchspin > .input-group-btn { height: 100%; } .bootstrap-touchspin > .input-group-btn > button.btn { font-weight: 900; font-size: 16pt; padding-top: 0; } .bootstrap-touchspin .input-group-btn:first-child > .btn, .bootstrap-touchspin.input-group-btn:first-child > .btn-group { margin-right: 0 } /* Client Side Errors - Unobtrusive validation tooltip */ .tooltip-inner { max-width: 300px; padding: 0; } .tooltip-alert { padding: 4px 10px; line-height: 1.6em; border: 1px solid #A94442; color: #b94a48; background: #F2DEDE; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; } .tooltip-arrow { border-top-color: #000000 !important; } /*fix for when invisible tooltips overlay input fields*/ tooltip.fade { display: none; opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } tooltip.fade.in { opacity: 1; display: block; } /* .has-error .form-control { background: #F2DEDE; } */ .quick-order-container input.error { border-color: #a94442 !important; } .form-control, input[type="text"], #form-search button[type="submit"], #form-search2 button[type="submit"] { border: 1px solid #d2d2d2; } #form-search input[type="text"]:focus, #form-search2 input[type="text"]:focus { border-color: #d2d2d2; } /* Server Side validation error */ .field-validation-error { padding: 2px 6px; } .validation-summary-errors, .field-validation-error { margin: 10px 0; list-style-type: none; color: #fff; font-size: 0.9em; line-height: 1.6em; background: #b94a48; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; } .validation-summary-errors ul { list-style-type: none; margin: 0; padding: 0 5px; } /* * Basket Summary */ .basket-logo { margin-right: 10px; } .basketsummary { margin-right: 15px; padding: 6px 20px; background: #4e2d8d; color: white; font-family: 'Open Sans'; border: none; text-shadow: none; } .baskettext { margin-bottom: 5px; display: block; font-family: 'Open Sans'; color: #525252; text-align: left; } .btn-basketsummary-checkout { padding: 6px 30px; background: #7bb530; color: white; border-radius: 0px; border: 0px; } .delivery-text { font-family: 'OpenSans-Extrabold'; color: #9b9da0; font-size: 12px; } .no-padding-right { padding-right: 0px; } .no-padding { padding: 0px !important; } .purple-bold { font-weight: bold; color: #4e2d8d; } #popUpBasketItemsContainerOuter { max-height: 341px; overflow: hidden; } #popUpBasketItemsContainerOuter #popUpBasketItemsContainer { padding: 0 18px; } #popUpBasketItemsContainerOuter .popup-slide { border-top: 1px solid silver; margin-top: 20px; } #popUpBasketItemsContainerOuter .basketPopUpItem { border-bottom: 1px solid silver; padding: 13px 0; } #popUpBasketItemsContainerOuter .basketPopUpItemThumbnail { border: 1px solid silver; float: left; height: 81px; margin: 0 12px 0 0; overflow: hidden; width: 81px; } #popUpBasketItemsContainerOuter .basketPopUpItemThumbnail:hover { border: 1px solid black; } #popUpBasketItemsContainerOuter .action-remove-from-basket2 { cursor: pointer; display: none; height: 19px; left: 80px; position: absolute; width: 19px; background-color: #000; color: #fff; text-align: center; font-size: 17px; } #popUpBasketItemsContainerOuter .basketPopUpItem img.thumbnail { height: 80px; margin: 0; padding: 0; width: 80px; border: none; } #popUpBasketItemsContainerOuter .order-summary-text { min-height: 54px; } #popUpBasketItemsContainerOuter .order-summary-price { color: #2a2a2a; float: left; font-size: 18px; font-weight: bold; } .order-summury-container > .row { background: #f5f5f5; } #goUpBasket + #popUpBasketItemsContainerOuter { height: 319px; } #goUpBasket + #popUpBasketItemsContainerOuter .popup-slide { border-top: medium none !important; margin-top: 0 !important; } #goDownBasket, #goUpBasket { cursor: pointer; height: 28px; width: 380px; color: #767171; text-align: center; font-size: 23px; } #goDownBasket { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F8F0F0", endColorstr="#e0e0e0"); background-image: -khtml-gradient(linear, left top, right bottom, from(#F8F0F0), to(#e0e0e0)); background-image: -moz-linear-gradient(top left, #F8F0F0, #e0e0e0); background-image: -ms-linear-gradient(top, #F8F0F0, #e0e0e0); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F0F0), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #F8F0F0, #e0e0e0); background-image: -o-linear-gradient(top left, #F8F0F0, #e0e0e0); background-image: linear-gradient(to bottom, #F8F0F0, #e0e0e0); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; } #goUpBasket { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F8F0F0", endColorstr="#e0e0e0"); background-image: -khtml-gradient(linear, left top, right bottom, from(#F8F0F0), to(#e0e0e0)); background-image: -moz-linear-gradient(top left, #F8F0F0, #e0e0e0); background-image: -ms-linear-gradient(top, #F8F0F0, #e0e0e0); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F0F0), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #F8F0F0, #e0e0e0); background-image: -o-linear-gradient(top left, #F8F0F0, #e0e0e0); background-image: linear-gradient(to top, #F8F0F0, #e0e0e0); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; } /* * Brand Scroller */ /* Container DIV - automatically generated */ .simply-scroll-container { position: relative; /* Vertical offset */ } /* Clip DIV - automatically generated */ .simply-scroll-clip { position: relative; overflow: hidden; } /* UL/OL/DIV - the element that simplyScroll is initiated on Class name automatically added to element */ .simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; margin: auto; } .simply-scroll-list li { padding: 0; margin: 0; list-style: none; } .simply-scroll-list li img { border: none; display: block; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .sprite img { margin-top: 0; } .sprite:hover img { margin-top: 0; } /* Custom class modifications - adds to / overrides above .simply-scroll is default base class */ /* Container DIV */ .simply-scroll { width: 100%; height: 110px; margin-bottom: 30px; background-color: #dfdfdf; } /* Clip DIV */ .simply-scroll .simply-scroll-clip { width: 100%; height: 88px; padding-top: 20px; } /* Explicitly set height/width of each list item */ .simply-scroll .simply-scroll-list li { float: left; /* Horizontal scroll only */ /*width: 250px; Adjusts the spacing */ height: 75px; } .wishlist-container { width: 270px; padding: 10px 15px; float: left; position: relative; z-index: 2; } .wishlist-items { width: 100%; padding-left: 320px; position: relative; } .wishlist-list > a { color: #000; } .wishlist-list > .active { font-weight: bold; } .action-send-wishlist { position: absolute; top: 0; right: 0; } /* Social Buttons for Bootstrap */ .btn-social { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .btn-social :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0,0,0,0.2) } .btn-social.btn-lg { padding-left: 61px } .btn-social.btn-lg :first-child { line-height: 45px; width: 45px; font-size: 1.8em } .btn-social.btn-sm { padding-left: 38px } .btn-social.btn-sm :first-child { line-height: 28px; width: 28px; font-size: 1.4em } .btn-social.btn-xs { padding-left: 30px } .btn-social.btn-xs :first-child { line-height: 20px; width: 20px; font-size: 1.2em } .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0 } .btn-social-icon :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0,0,0,0.2) } .btn-social-icon.btn-lg { padding-left: 61px } .btn-social-icon.btn-lg :first-child { line-height: 45px; width: 45px; font-size: 1.8em } .btn-social-icon.btn-sm { padding-left: 38px } .btn-social-icon.btn-sm :first-child { line-height: 28px; width: 28px; font-size: 1.4em } .btn-social-icon.btn-xs { padding-left: 30px } .btn-social-icon.btn-xs :first-child { line-height: 20px; width: 20px; font-size: 1.2em } .btn-social-icon :first-child { border: none; text-align: center; width: 100% !important } .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0 } .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0 } .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0 } .btn-bitbucket { color: #fff; background-color: #205081; border-color: rgba(0,0,0,0.2) } .btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket { color: #fff; background-color: #183c60; border-color: rgba(0,0,0,0.2) } .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket { background-image: none } .btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active { background-color: #205081; border-color: rgba(0,0,0,0.2) } .btn-dropbox { color: #fff; background-color: #1087dd; border-color: rgba(0,0,0,0.2) } .btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox { color: #fff; background-color: #0d70b7; border-color: rgba(0,0,0,0.2) } .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox { background-image: none } .btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active { background-color: #1087dd; border-color: rgba(0,0,0,0.2) } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0,0,0,0.2) } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { color: #fff; background-color: #30487b; border-color: rgba(0,0,0,0.2) } .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { background-image: none } .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: rgba(0,0,0,0.2) } .btn-flickr { color: #fff; background-color: #ff0084; border-color: rgba(0,0,0,0.2) } .btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr { color: #fff; background-color: #d6006f; border-color: rgba(0,0,0,0.2) } .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr { background-image: none } .btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active { background-color: #ff0084; border-color: rgba(0,0,0,0.2) } .btn-github { color: #fff; background-color: #444; border-color: rgba(0,0,0,0.2) } .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github { color: #fff; background-color: #303030; border-color: rgba(0,0,0,0.2) } .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github { background-image: none } .btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active { background-color: #444; border-color: rgba(0,0,0,0.2) } .btn-google-plus { color: #fff; background-color: #dd4b39; border-color: rgba(0,0,0,0.2) } .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus { color: #fff; background-color: #ca3523; border-color: rgba(0,0,0,0.2) } .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus { background-image: none } .btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active { background-color: #dd4b39; border-color: rgba(0,0,0,0.2) } .btn-instagram { color: #fff; background-color: #3f729b; border-color: rgba(0,0,0,0.2) } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram { color: #fff; background-color: #335d7e; border-color: rgba(0,0,0,0.2) } .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram { background-image: none } .btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active { background-color: #3f729b; border-color: rgba(0,0,0,0.2) } .btn-linkedin { color: #fff; background-color: #007bb6; border-color: rgba(0,0,0,0.2) } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin { color: #fff; background-color: #005f8d; border-color: rgba(0,0,0,0.2) } .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin { background-image: none } .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active { background-color: #007bb6; border-color: rgba(0,0,0,0.2) } .btn-tumblr { color: #fff; background-color: #2c4762; border-color: rgba(0,0,0,0.2) } .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr { color: #fff; background-color: #1f3346; border-color: rgba(0,0,0,0.2) } .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr { background-image: none } .btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active { background-color: #2c4762; border-color: rgba(0,0,0,0.2) } .btn-twitter { color: #fff; background-color: #55acee; border-color: rgba(0,0,0,0.2) } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { color: #fff; background-color: #309aea; border-color: rgba(0,0,0,0.2) } .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { background-image: none } .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active { background-color: #55acee; border-color: rgba(0,0,0,0.2) } .btn-vk { color: #fff; background-color: #587ea3; border-color: rgba(0,0,0,0.2) } .btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk { color: #fff; background-color: #4a6a89; border-color: rgba(0,0,0,0.2) } .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk { background-image: none } .btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active { background-color: #587ea3; border-color: rgba(0,0,0,0.2) } .search-xs { opacity: 1; } /*compare module*/ #compare-module { overflow-x: hidden; } #compare-module .page-title { margin-bottom: 30px; } #compare-module .compare-module-table { font-size: 15px; width: 1140px; } #compare-module .compare-module-table a, #compare-module .compare-module-table a:active, #compare-module .compare-module-table a:link, #compare-module .compare-module-table a:hover { color: #222; text-decoration: none; } #compare-module table.compare-module-table tr > td { padding-right: 15px; padding-left: 15px; padding-bottom: 16px; padding-top: 16px; border-left: none; border-right: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: top; } #compare-module table.compare-module-table tr.productname > td { padding-bottom: 14px; padding-top: 14px; } #compare-module table.compare-module-table tr.attributes > td { padding-bottom: 13px; padding-top: 11px; } #compare-module table.compare-module-table tr.attributes > td * { line-height: 1; } #compare-module table.compare-module-table tr.attributes > td .comparer-emptyvalue { display: block; height: 21px; } #compare-module table.compare-module-table tr.attributes > td .comparer-emptyvalue:first-of-type { display: block; height: 22px; } #compare-module table.compare-module-table tr > td:first-of-type { width: 140px; font-weight: 700; padding-left: 0; border-top: 1px solid #ccc; } #compare-module table.compare-module-table tr > td:first-of-type > hr { margin-left: 0; } #compare-module table.compare-module-table tr > td:last-of-type, #compare-module table.compare-module-table tr > td.image-container:last-of-type { padding-right: 0px; } #compare-module table.compare-module-table tr > td.image-container > form.remove-product { display: block; position: absolute; right: 15px; top: 18px; } #compare-module table.compare-module-table tr > td.image-container:last-of-type > form.remove-product { right: 0; } @media (min-width: 1200px) { /*calc((1199px - 170px) / 5 - 15px)*/ #compare-module table.compare-module-table-5 tr > td:last-of-type { width: calc((1140px - 140px) / 5 - 15px); } #compare-module table.compare-module-table-5 tr > td { width: calc((1140px - 140px) / 5); } #compare-module table.compare-module-table-4 tr > td:last-of-type { width: calc((1140px - 140px) / 4 - 15px); } #compare-module table.compare-module-table-4 tr > td { width: calc((1140px - 140px) / 4); } #compare-module table.compare-module-table-3 tr > td:last-of-type { width: calc((1140px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-3 tr > td { width: calc((1140px - 140px) / 3); } #compare-module .compare-module-table-2 { width: 940px; } #compare-module table.compare-module-table-2 tr > td:last-of-type { width: calc((1140px - 140px) / 2 - 15px); } #compare-module table.compare-module-table-2 tr > td { width: calc((1140px - 140px) / 2); } #compare-module table.compare-module-table-1 tr > td:last-of-type { width: calc((500px - 140px) - 15px); } } @media (min-width: 992px) and (max-width: 1199px) { #compare-module { max-width: 955px; } #compare-module .compare-module-table-5 { width: calc((940px - 140px) / 4 * 5 + 128px); } #compare-module table.compare-module-table-5 tr > td:last-of-type { width: calc((940px - 140px) / 4 - 15px); } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1) tr > td:nth-of-type(5) { width: calc((940px - 140px) / 4 - 15px); padding-right: 0 !important; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1) tr > td.image-container:nth-of-type(5) > form.remove-product { right: 0; } #compare-module table.compare-module-table-5 tr > td { width: calc((940px - 140px) / 4); } /*scroll*/ #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:nth-of-type(6) { width: calc((940px - 140px) / 4 -15px); padding-right: 0 !important; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td.image-container:nth-of-type(6) > form.remove-product { right: 0; } /*table 4*/ #compare-module .compare-module-table-4 { width: calc((940px - 140px) / 3 * 4 + 129px); } #compare-module table.compare-module-table-4 tr > td:last-of-type { width: calc((940px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-4 tr > td:nth-of-type(4) { width: calc((940px - 140px) / 3 - 15px); padding-right: 0 !important; } #compare-module table.compare-module-table-4 tr > td.image-container:nth-of-type(4) > form.remove-product { right: 0; } #compare-module table.compare-module-table-4 tr > td { width: calc((940px - 140px) / 3); } /*table 3*/ #compare-module .compare-module-table-3 { width: 940px; } #compare-module table.compare-module-table-3 tr > td:last-of-type { width: calc((940px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-3 tr > td { width: calc((940px - 140px) / 3); } /*table 2*/ #compare-module table.compare-module-table-2 tr > td:last-of-type { width: calc((940px - 140px) / 2 - 15px); } #compare-module table.compare-module-table-2 tr > td { width: calc((940px - 140px) / 2); } } @media (min-width: 768px) and (max-width: 991px) { #compare-module { max-width: 735px; } #compare-module .compare-module-table.compare-module-table-5 { width: calc((720px - 140px) / 3 * 5 + 133px); } #compare-module table.compare-module-table-5 tr > td { max-width: 159px; padding-right: 15px !important; width: 175px; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1):not(.compare-module-table-scroll-2) tr > td:nth-of-type(4) { max-width: 146px; padding-right: 0 !important; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1):not(.compare-module-table-scroll-2) tr > td.image-container:nth-of-type(4) > form.remove-product { right: 0; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td { max-width: 157px; width: 157px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:nth-of-type(5) { padding-right: 0 !important; max-width: 145px; width: 145px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td.image-container:nth-of-type(5) > form.remove-product { right: 0; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td { max-width: 130px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td:nth-of-type(6) { padding-right: 0 !important; max-width: 120px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td.image-container:nth-of-type(6) > form.remove-product { right: 0; } #compare-module table.compare-module-table-5 tr > td:first-of-type { max-width: 128px; width: 128px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:first-of-type { max-width: 127px; width: 127px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td:first-of-type { max-width: 105px; width: 105px; } /*table 4*/ #compare-module .compare-module-table-4 { width: calc((720px - 140px) / 3 * 4 + 144px); } #compare-module table.compare-module-table-4 tr > td { max-width: 193.333px; width: 193.333px; } /*table 3*/ #compare-module .compare-module-table.compare-module-table-3 { width: 720px; } #compare-module table.compare-module-table-3 tr > td { width: calc((720px - 140px) / 3); } #compare-module table.compare-module-table-3 tr > td:last-of-type { width: calc((720px - 140px) / 3 - 15px); } /*table 2*/ #compare-module .compare-module-table.compare-module-table-2 { width: 720px; } #compare-module table.compare-module-table-2 tr > td { width: calc((720px - 140px) / 2); } #compare-module table.compare-module-table-2 tr > td:last-of-type { width: calc((720px - 140px) / 2 - 15px); } } @media (max-width: 767px) { #compare-module .compare-module-table { width: 100%; } #compare-module table.compare-module-table tr > td + td { width: calc((100% - 140px) / 2 - 15px); padding-right: 0; } #compare-module table.compare-module-table tr > td.image-container > form.remove-product { right: 0; } #compare-module .compare-module-table tr:last-of-type > td:first-of-type { height: 133px; border-bottom: medium none; } #compare-module .compare-module-table tr:last-of-type > td + td:not(.hidden-xs) { position: absolute; left: 0px; width: calc(100% - 15px); margin-top: -1px; display: block; border-bottom: none; } } #compare-module table.compare-module-table tr > td:last-of-type > hr { margin-right: 0; } #compare-module table.compare-module-table tr > td > hr { border-top: 1px solid #ccc; border-bottom: none; margin-left: -15px; margin-right: -15px; margin-bottom: 13px; margin-top: 13px; } #compare-module table.compare-module-table tr > td > hr:last-of-type { display: none; } #compare-module table.compare-module-table tr > td.image-container { position: relative; padding: 15px; padding-bottom: 19px; padding-top: 19px; /*width: 220px;*/ } #compare-module table.compare-module-table tr > td.image-container img { border: 1px solid #ccc; max-width: 100%; min-width: 100%; width: 100%; } #compare-module table.compare-module-table tr > td.image-container > form.remove-product > button { border: 1px solid #ccc; font-family: helvetica; font-size: 20px; font-weight: 700; background: -webkit-linear-gradient(#fbfbfb,#e2e2e2); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#fbfbfb,#e2e2e2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#fbfbfb,#e2e2e2); /* For Firefox 3.6 to 15 */ background: linear-gradient(#fbfbfb,#e2e2e2); /* Standard syntax */ } #compare-module table.compare-module-table tr > td.image-container > form.remove-product > button { padding: 2px 6px 2px 6px; } #compare-module table.compare-module-table tr > td.image-container:last-of-type > form.remove-product > button { padding: 2px 5px 2px 6px; } #compare-module table.compare-module-table tr > td > form.remove-product.text { margin-top: 5px; position: relative; text-align: center; } #compare-module table.compare-module-table tr > td > form.remove-product.text > button { background: none; border: none; color: #c9342e; font-family: 'lato','Arial'; font-size: 12px; padding: 0; } #compare-module table.compare-module-table tr > td .stock > .fa { background-color: #262525; border-radius: 20px; color: #fff; font-size: 9px; height: 13px; line-height: 13px; margin-right: 4px; position: relative; text-align: center; top: -2px; width: 13px; } #compare-module table.compare-module-table tr > td .increment { font-size: 12px; display: block; } #compare-module table.compare-module-table tr > td.compare-product-footer > div.bootstrap-touchspin { width: 100%; margin-top: -1px; } #compare-module table.compare-module-table tr > td.compare-product-footer > div.bootstrap-touchspin > span.input-group-btn > button { height: 34px; } #compare-module table.compare-module-table tr > td.compare-product-footer > div.bootstrap-touchspin > input { height: 34px; } #compare-module table.compare-module-table tr > td.compare-product-footer > button.action-add-to-basket { margin-top: 6px; } #compare-module table.compare-module-table .rrp { text-decoration: line-through; font-size: 12px; color: #555; /*font-family: 'Myriad Pro';*/ } /*arrows*/ @media (max-width:767px) { #compare-module .compare-module-table:not(.compare-module-table-1) { margin-left: -25px; width: calc(100% + 25px); } #compare-module table.compare-module-table:not(.compare-module-table-1) tr > td:not(:first-of-type), #compare-module table.compare-module-table:not(.compare-module-table-1) tr > td.image-containe:last-of-type { padding-right: 15px; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr > td.image-container:not(:first-of-type) > form.remove-product { right: 15px; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr::before { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f104"; display: table-cell; left: 140px; position: relative; text-align: center; vertical-align: middle; width: 25px; height: 100%; z-index: -1; color: #b4b4b4; font-size: 28px; cursor: default; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr::after { background: #f5f5f5 none repeat scroll 0 0; border-top: 1px solid #ccc; font-family: FontAwesome; content: "\f105"; display: table-cell; position: static; right: -1px; text-align: center; vertical-align: middle; width: 25px; height: 100%; color: #b4b4b4; font-size: 28px; cursor: default; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr:last-of-type::before { background: none; border-top: none; content: ""; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr:last-of-type::after { background: none; border-top: none; content: ""; } } @media (min-width:768px) and (max-width:991px) { #compare-module table.compare-module-table { overflow: hidden; } #compare-module table.compare-module-table tr > td:first-of-type { background: #fff; position: relative; z-index: -1; } #compare-module table.compare-module-table tr > td:not(:first-of-type) { position: relative; } #compare-module table.compare-module-table:not(.compare-module-table-1):not(.compare-module-table-2):not(.compare-module-table-3) tr > td { z-index: -1 } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:nth-of-type(2), #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td:nth-of-type(2), #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td:nth-of-type(3), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(2) { z-index: -2 !important; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1):not(.compare-module-table-scroll-2) tr.productname > td:nth-of-type(4), #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1):not(.compare-module-table-scroll-2) tr.description > td:nth-of-type(4), #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr.productname > td:nth-of-type(5), #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr.description > td:nth-of-type(5), #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr.productname > td:nth-of-type(6), #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr.description > td:nth-of-type(6) { padding-right: 25px !important; } #compare-module table.compare-module-table.compare-module-table-scroll-1.compare-module-table-5 tr > td:not(:first-of-type) { right: 192px; } #compare-module table.compare-module-table.compare-module-table-scroll-2.compare-module-table-5 tr > td:not(:first-of-type) { right: 384px; } #compare-module table.compare-module-table-5 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f104"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); left: 130px; line-height: 1; padding-top: 13px; position: absolute; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-5 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f105"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); line-height: 1; padding-top: 13px; position: absolute; right: -565px; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { left: 130px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { left: 130px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { right: -565px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { right: -565px; } /*table 4*/ #compare-module table.compare-module-table-4 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f104"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); left: 118px; line-height: 1; padding-top: 13px; position: absolute; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-4 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f105"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); line-height: 1; padding-top: 13px; position: absolute; right: -578px; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-4 { overflow: hidden; } #compare-module table.compare-module-table-4 tr > td:first-of-type { background: #fff; position: relative; z-index: -1; } #compare-module table.compare-module-table-4 tr > td:not(:first-of-type) { position: relative; } #compare-module table.compare-module-table-4 tr > td { z-index: 0; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:not(:first-of-type) { right: 197px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(4) { padding-right: 15px !important; width: 193.333px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(4).image-container > form.remove-product { right: 15px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(5) { padding-right: 0 !important; width: 178.333px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(5).image-container > form.remove-product { right: 0px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(5) { padding-right: 15px !important; width: 193.333px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(4) { max-width: 178.333px; padding-right: 0 !important; width: 178.333px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(4).image-container > form.remove-product { right: 0px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(2) { z-index: -2; width: 178.333px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr.productname > td:nth-of-type(4), #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr.description > td:nth-of-type(4), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr.productname > td:nth-of-type(5), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr.description > td:nth-of-type(5) { padding-right: 20px !important; } } @media (min-width:992px) and (max-width:1199px) { #compare-module table.compare-module-table-5 { overflow: hidden; } #compare-module table.compare-module-table-5 tr > td:first-of-type { background: #fff; position: relative; z-index: -1; } #compare-module table.compare-module-table-5 tr > td:not(:first-of-type) { position: relative; } #compare-module table.compare-module-table-5 tr > td { z-index: 0; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:not(:first-of-type) { right: 188px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:nth-of-type(2) { z-index: -2 !important; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1) tr.productname > td:nth-of-type(5), #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1) tr.description > td:nth-of-type(5) { padding-right: 25px !important; } #compare-module table.compare-module-table-5 tr.productname > td:nth-of-type(6), #compare-module table.compare-module-table-5 tr.description > td:nth-of-type(6) { padding-right: 25px !important; } #compare-module table.compare-module-table-5 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before, #compare-module table.compare-module-table-4 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f104"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); left: 117px; line-height: 1; padding-top: 13px; position: absolute; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-5 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after, #compare-module table.compare-module-table-4 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f105"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); line-height: 1; padding-top: 13px; position: absolute; right: -798px; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } /*table 4*/ #compare-module table.compare-module-table-4 { overflow: hidden; } #compare-module table.compare-module-table-4 tr > td:first-of-type { background: #fff; position: relative; z-index: -1; } #compare-module table.compare-module-table-4 tr > td:not(:first-of-type) { position: relative; } #compare-module table.compare-module-table-4 tr > td { z-index: 0; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:not(:first-of-type) { right: 256px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(4) { padding-right: 15px !important; width: calc((940px - 140px) / 3); } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(4).image-container > form.remove-product { right: 15px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(5) { padding-right: 0 !important; width: calc((940px - 140px) / 3 -15px); } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(5).image-container > form.remove-product { right: 0px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(5) { padding-right: 15px !important; width: calc((940px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(5).image-container > form.remove-product { right: 15px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(2) { z-index: -2; width: calc((940px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr.productname > td:nth-of-type(4), #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr.description > td:nth-of-type(4), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr.productname > td:nth-of-type(5), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr.description > td:nth-of-type(5) { padding-right: 25px !important; } } #compare-module tr.image-container-row > td.image-container, #compare-module td.compare-product-footer { z-index: 1 !important; } /*end compare*/ .productaddtocompare-container { margin-top: 6px; font-size: 12px; } /*end compare*/ @media (max-width: 1199px) { /* Mobile search*/ /*.search-xs {position:absolute; top:0; opacity:0; padding:5px; z-index:100; background:#333; margin-top:0 !important; transition: top linear 0.2s;} .search-xs.active{ position: fixed; top: 58px; opacity: 1; border-top: 1px solid #444;}*/ } /* Media Query - Smartphone */ @media (max-width: 767px) { .logo { text-align: center; } .navbar { width: 100%; clear: both; opacity: 1; z-index: 100; } .vertical-align { display: block; } .hidden-inline-xs { display: none; } /* Mobile search*/ .search-xs { position: absolute; top: 0; opacity: 0; padding: 5px; z-index: 100; background: #333; margin-top: 0 !important; transition: top linear 0.2s; } .search-xs.active { position: fixed; top: 52px; opacity: 1; border-top: 1px solid #444; left: 0px; } /* Mobile culture codes */ #modal-culturecode { top: 65px; } /* Mobile currencies */ #modal-currency { top: 65px; } /* Menu options */ .list-unstyled.border-left { border: 0; } .menu-text-l1 { text-decoration: none; color: #fff; } .menu-text-l2 { text-decoration: none; color: #fff; } .menu-text-l3 { text-decoration: none; color: #ccc; display: none } /* Hide as no scrolling available */ } /* Media Query - Tablet+ */ @media (min-width: 768px) and (max-width: 991px) { .hideme-sm { display: none; } .panel-group { width: 400px; } .thumbnail { margin: 0; } } .paymentlogos { float: left; } .paymentlogos div { background: url('/images/default/payments.svgz') no-repeat; overflow: hidden; background-position: 0 0; height: 33px; display: inline-block; } .paymentlogos .visa { width: 47px; background-position: 0 0; } .paymentlogos .discover { width: 47px; background-position: 0 -33px; } .paymentlogos .amex { width: 47px; background-position: 0 -65.8px; } .paymentlogos .mastercard { width: 47px; background-position: 0 -98.5px; } .paymentlogos .paypal { width: 75px; background-position: 0 -131.1px; } .paymentlogos .sagepay { width: 75px; background-position: 0 -164.2px; } .paymentlogos .securetrading { width: 75px; background-position: 0 -196.8px; } .paymentlogos .barclays { width: 75px; background-position: 0 -229.4px; } .paymentlogos .realex { width: 75px; background-position: 0 -262.2px; } .paymentby { margin-top: -44px; position: absolute; right: 15px; } .paymentby small { font-size: 14px; margin-right: 5px; margin-top: 6px; } .paymentby div { float: right; } .paymentlogos.img-responsive { float: left; } .svglogo { /*width: 175px; height: 75px;*/ } .paymentlogos div a { display: block; height: 100%; } .panel-heading.clickable { cursor: pointer; } .panel-heading.clickable i { font-size: 20px; margin-right: 5px; } .panel-body.attr { padding-top: 10px; overflow: auto; } /* sashes */ .sash-wrapper { position: relative; } .sash-svg-container { position: absolute; width: 100%; padding-bottom: 100%; } .sash-svg { position: absolute; top: 0; left: 0; width: 100%; } .sash-alignment-top-left img, .sash-alignment-top-left object { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .sash-alignment-top-right img, .sash-alignment-top-right object { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sash-alignment-bottom-right img, .sash-alignment-bottom-right object { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sash-alignment-bottom-left img, .sash-alignment-bottom-left object { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .swrp { width: 65px !important; } .swrp > .sash { padding: 2px 0 !important; font: bold 8px sans-serif !important; width: 100px !important; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #999 !important; } .form-control { width: 100% !important; } blockquote { font-size: 14px; } .panel-body .radio input[type="radio"], .panel-body .radio-inline input[type="radio"], .panel-body .checkbox input[type="checkbox"], .panel-body .checkbox-inline input[type="checkbox"] { margin-left: auto; } .modal-checkout { position: fixed !important; } /* reviews functionality */ .review-modal1 { border-radius: 0; max-width: 555px; width: 100%; } .review-modal2 { border: 0 !important; border-radius: 0; padding: 20px; } .review-modal3 { clear: both; margin-top: 10px; float: left; width: 100%; border-top: 1px solid lightgrey; } .review-modal-img { height: 75px; width: 75px; border: 1px solid #cdcdcd !important; margin-top: 16px; margin-bottom: 16px; } .margin-t-16 { margin-top: 16px !important; } .margin-b-16 { margin-bottom: 16px !important; } .min-height-54 { min-height: 54px; } .review-modal-content { clear: both; padding-top: 18px; float: left; width: 100%; border-top: 1px solid lightgrey; } .review-input { font-weight: normal !important; font-size: 14px !important; line-height: 30px; } .review-background { background: #f2f2f2; } .height-140 { height: 140px; } .review-footer { border: 0; text-align: left !important; padding: 0; } .review-rate-error.fade.in { top: -39px; left: 24.875px; display: block; } .rating-input .fa-star { margin-right: 4px; font-size: 20px; } #review_rate_error { left: 0 !important; } .float-left { float: left; } .fa-star-half-empty { color: #fdb813 !important; } .font-24px { font-size: 24px !important; } .review-title { font-weight: bold; } .review-title { font-weight: bold; } .review-author { color: #838e96; font-size: 14px; } .review-stars { float: left; margin-right: 13px; } .review-box { background: #fff; border: 2px solid #cececf; padding: 18px; } .review-image { position: relative; top: 7px; left: 48px; vertical-align: inherit; } .starrating { margin-left: 3px; display: none !important; } .fa-star { font-size: 16px; margin-left: -3px; } .full-star { color: #fdb813; } .empty-star { color: #dfdfdf; } .review-link { font-size: 11px; color: #af006e; } /* reviews functionality END */ /*dropdowns*/ .open > .dropdown-menu { text-align: left; } .btn-group-sm.open > .dropdown-menu { border-radius: 0; margin-top: -1px; width: 100%; } .dropdown-menu > li > button { border: medium none; clear: both; color: #333333; display: block; font-weight: normal; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; width: 100%; background: transparent; text-align: left; } .dropdown-menu > li > button { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } /*end dropdowns*/ /* my account tables*/ .mobiletabs a { color: #333; } .mobiletabs { margin-bottom: 0px !important; } #frm-myaccount table thead { background: linear-gradient(to bottom,#d4d4d4 0,#838383 100%); color: white; } .myaccounttable .form-control { width: calc(); } tr.borderbottom > td { border-bottom: 1px solid #ddd; } .table tr.thead { background: #aaa; color: rgb(255, 255, 255); } .table tr.thead { background: rgb(170, 170, 170) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .table tr.thead > td:first-of-type { padding: 4px 5px 5px; } /******* returns *******/ .table.table-pending-returns { } .table.table-pending-returns > thead > tr > th, .table.table-pending-returns > tbody > tr > th, .table.table-pending-returns > tfoot > tr > th, .table.table-pending-returns > thead > tr > td, .table.table-pending-returns > tbody > tr > td, .table.table-pending-returns > tfoot > tr > td { border-top: 1px solid #ccc; } .return-item td { vertical-align: middle; } .return-item > td { padding: 0; } .return-item + .return-item > td { padding: 2px 0px 0px; } .return-item + .return-item > td > table > tbody > tr.thead { visibility: collapse; } tr.return-form table { width: 100%; } tr.return-form table tr:first-of-type > td, tr.return-view table tr:first-of-type > td { white-space: nowrap; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails { padding: 7px; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails { width: 93px; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails-name { padding-right: 15px; width: 45%; } .myaccounttable tr.return-form tr.return-item .return-comments { height: 34px; border-radius: 0px; } #frm-myaccount td.return-reason-td .return-reason.form-control { width: 100%; } #frm-myaccount td.return-reason-td { padding-top: 2px; width: 171px; } #frm-myaccount td.return-reason-td .return-reason.form-control { margin-top: -2px; float: left; } @media (min-width: 1200px) { .myaccounttable tr.return-form tr.return-item tr > .return-comments-placeholder { width: 840px } .myaccounttable tr.return-form tr.return-item .return-comments { width: 844px; margin-top: -34px; height: 34px; float: right; } } @media (min-width: 992px) and (max-width: 1199px) { .myaccounttable tr.return-form tr.return-item .bootstrap-touchspin { margin-right: -2px; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails { width: auto; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails-name { width: 100%; } .myaccounttable tr.return-form tr.return-item tr > .return-comments-placeholder { width: 577px } .myaccounttable tr.return-form tr.return-item .return-comments { width: 627px; margin-top: -34px; height: 34px; float: right; } } @media (max-width: 991px) { .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails { width: auto; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails-name { width: 100%; } #frm-myaccount td.return-reason-td { width: 100%; } .myaccounttable tr.return-form tr.return-item .return-comments { height: auto; } } @media (max-width: 768px) { td.returnform-productdetails { width: 110px !important; vertical-align: top; } td.returnform-productdetails-name { padding-bottom: 5px; } tr.return-item { border-bottom: 3px solid white; } tr.return-item:not(:first-child) tr.thead { display: none; } } /******* returns end *******/ /* myaccounttable active for my returns*/ tbody.myaccounttable > tr > td { padding: 5px 5px 6px; vertical-align: middle; font-size: 16px; } .myaccounttable > tr > td:last-of-type { padding-left: 0; } /* end myaccounttable */ /*my orders */ tbody.myaccounttable tr.order-view { background-color: #f5f5f5; } tbody.myaccounttable tr.order-view tr.thead > td, tbody.myaccounttable tr.order-view tr.order-item-view > td { padding-left: 15px; padding-right: 15px; } .myaccounttable tr.order-view tr.thead > .orderview-productdetails { padding-right: 30px; } .myaccounttable tr.order-view tr.thead > .orderview-unitprice { } .myaccounttable tr.order-view tr.thead > .orderview-qtyordered { text-align: center; width: 50px; } .myaccounttable tr.order-view tr.thead > .orderview-total { text-align: center; } .myaccounttable tr.order-view tr.thead > .orderview-orderstatus { text-align: right; padding-right: 65px; padding-left: 45px; width: 1px; } /*--- item---*/ .order-item td { vertical-align: middle; } .order-item tr.borderbottom > td { border-bottom: 1px solid #ddd; } .myaccounttable tr.order-view tr.order-item-view > .orderview-productdetails { padding: 7px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-productdetails-name { padding-right: 30px; /*width: 40%;*/ } .orderview-productdetails-name a { color: #333; } .myaccounttable tr.order-view tr.order-item-view > .orderview-unitprice { } .myaccounttable tr.order-view tr.order-item-view > .orderview-qtyordered { width: 49px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-total { } .myaccounttable tr.order-view tr.order-item-view > .orderview-orderstatus { padding-right: 65px; padding-left: 45px; width: 1px; } /*--- medias---*/ @media (min-width: 992px) and (max-width: 1199px) { tbody.myaccounttable tr.order-view tr.thead > td, tbody.myaccounttable tr.order-view tr.order-item-view > td { padding-left: 10px; padding-right: 10px; } .myaccounttable tr.order-view tr.thead > .orderview-orderstatus { padding-right: 20px; padding-left: 20px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-orderstatus { padding-right: 20px; padding-left: 20px; } .myaccounttable tr.order-view tr.thead > .orderview-productdetails { padding-right: 15px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-productdetails-name { padding-right: 15px; } } @media (min-width: 992px) { tr.borderbottom-md-lg > td { border-bottom: 1px solid #ddd; } .order-item tr.borderbottom-md-lg > td { border-bottom: 1px solid #ddd; } } @media (max-width: 991px) { .myaccounttable tr.order-view tr.thead > .orderview-unitprice, .myaccounttable tr.order-view tr.order-item-view > .orderview-unitprice { display: none; } .myaccounttable tr.order-view tr.thead > .orderview-qtyordered, .myaccounttable tr.order-view tr.order-item-view > .orderview-qtyordered { display: none; } .myaccounttable tr.order-view tr.thead > .orderview-total, .myaccounttable tr.order-view tr.order-item-view > .orderview-total { display: none; } .myaccounttable tr.order-view tr.thead > .orderview-productdetails { padding-right: 15px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-productdetails-name { width: auto; padding-right: 15px; padding-left: 5px; } .myaccounttable tr.order-view tr.thead > .orderview-orderstatus { padding-right: 15px; padding-left: 15px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-orderstatus { padding-right: 15px; padding-left: 15px; } tr.borderbottom-xs-sm > td { border-bottom: 1px solid #ddd; } .order-item tr.borderbottom-xs-sm > td { border-bottom: 1px solid #ddd; } /*view button*/ .myaccounttable .viewbutton-container > .btn-group { float: right; } .myaccounttable .viewbutton-container > .btn-group > ul.dropdown-menu { left: auto; right: 0; width: auto; } } .myaccounttable .viewbutton-container > .btn-group > ul.dropdown-menu { padding-bottom: 40px; } /*my orders end*/ /*my account lists*/ .myaccountlist > .item:nth-child(2n+1) { clear: left; } .myaccountlist > .item { margin-bottom: 29px; } .myaccountlist > .item > .content-container { border-color: rgb(208, 208, 208); border-style: solid solid none; border-width: 0 1px medium; padding: 0 15px 15px; } .myaccountlist > .item > .content-container > hr.bordertop { border-top: 1px solid #d0d0d0; margin: 0 -16px 15px; } .myaccountlist > .item.inactive > .content-container > hr.bordertop { margin-bottom: 17px; } .myaccountlist > .item.active > .content-container > hr.bordertop { border-top: 4px solid #90b9d2; } .myaccountlist > .item > .content-container p { font-size: 16px; line-height: 1; margin: 0 0 3px; display: inline-block; width: 100%; } .myaccountlist > .item > .content-container p > span { padding: 0; } .myaccountlist > .item > .content-container p:last-of-type { margin-bottom: 0 !important; } .myaccountlist > .item.inactive .action-myaccount-subusertoggle { margin-left: -2px; color: #fff; font-weight: 700; } /*end my account lists*/ /*my account edit forms*/ .myaccount-editform-addbutton { padding-left: 17px; padding-right: 17px; } .modal-content button.myaccount-editform-addbutton > * { } button.myaccount-editform-addbutton > i.fa { margin-left: 4px; } .pagination { float: right; } #delivery-addresses .action-myaccount-editaddress-top { float: none; margin-left: 20px; margin-top: -5px; } @media (max-width: 500px) { h2 > .myaccount-editform-addbutton { width: 100%; margin-top: 20px; } .widh-on-mobile { width: 100%; } } @media (max-width: 767px) { #delivery-addresses .action-myaccount-editaddress-top { margin-left: 0; margin-top: 10px; width: 100%; } .pagination { float: none; margin-left: calc(50% - 192px / 2); display: inline-block; margin-top: 0; } } .modal-content .myaccount-editform-requiredtext { bottom: -32px; color: #c9342e; font-size: 14px; line-height: 1; position: absolute; } /*end my account edit forms*/ /*my account buttons groups*/ table.tableactiongroup { margin-top: 15px; width: 100%; table-layout: fixed; background: -webkit-linear-gradient(bottom, #fff, #e0e0e0); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, #fff, #e0e0e0); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #fff, #e0e0e0); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #fff, #e0e0e0); /* Standard syntax */ } table.tableactiongroup td { border: 1px solid #d0d0d0; height: 33px; padding: 0; } table.tableactiongroup td > button { height: 100%; width: 100%; } button.btn-nostyle { background: none repeat scroll 0 0 transparent; border: medium none; padding: 0; } table.tableactiongroup i.fa { margin-left: 4px; } /*my account buttons groups end*/ /*my account modals*/ div.modal-dialog { max-width: 515px; } .modal-body { padding: 25px 25px 20px; } div.modal-content { border-radius: 0; color: #222; } div.modal-content .input-group > div { padding-bottom: 7px; } /* div.modal-content * { color:#222; }*/ div.modal-content button.bootbox-close-button { color: #ffffff; display: inline; font-family: Helvetica; font-size: 27px; font-weight: 700; opacity: 1; position: absolute; right: -15px; top: -15px; text-align: right; text-shadow: none; margin: 0 !important; background-color: #4f2d8c; width: 35px; height: 35px; border-radius: 35px; text-align: center; } div.modal-content div.bootbox-body > .header, div.modal-content div.bootbox-body > form > .header { margin-bottom: 25px; } div.modal-content div.bootbox-body > .header > .title, div.modal-content div.bootbox-body > form > .header > .title { margin-bottom: 15px; margin-top: 0; } div.modal-content div.bootbox-body > .header > .content, div.modal-content div.bootbox-body > form > .header > .content { font-size: 16px; } div.modal-content div.bootbox-body > .content, div.modal-content div.bootbox-body > form > .content { font-size: 16px; } div.modal-content div.bootbox-body > .content input, div.modal-content div.bootbox-body > form > .content input, div.modal-content div.bootbox-body > .content textarea, div.modal-content div.bootbox-body > form > .content textarea, div.modal-content div.bootbox-body > .content select, div.modal-content div.bootbox-body > form > .content select { border: 1px solid #cdcdcd; height: 34px; width: 100%; padding-left: 10px; padding-right: 10px; } div.modal-content div.bootbox-body > .content select, div.modal-content div.bootbox-body > form > .content select { padding-left: 8px; padding-right: 8px; } div.modal-content div.bootbox-body > .content select > option, div.modal-content div.bootbox-body > form > .content select > option { padding-bottom: 4px; padding-left: 10px; padding-top: 4px; } div.modal-content div.bootbox-body > .content textarea, div.modal-content div.bootbox-body > form > .content textarea { height: 100px; } div.modal-content div.submit-button-container { display: inline-block; font-family: Arial; padding-top: 5px; } /*my account modals end*/ /*my account pop up*/ .pop-up-response-container { display: inline-block; margin-top: 1px; min-height: 16px; width: 100%; } .pop-up-response-container > * { font-family: Arial; } .pop-up-response-container > .ok { text-align: right; color: #45922d; } .pop-up-response-container > .ok > span { line-height: 1; color: #45922d; } .pop-up-response-container > .ok > .fa, .pop-up-response-container > .error > .fa { border-radius: 20px; color: #fff; font-size: 9px; height: 12px; line-height: 12px; margin-right: 4px; position: relative; text-align: center; top: -2px; width: 12px; } .pop-up-response-container > .ok > .fa { background-color: #45922d; } .pop-up-response-container > .error { text-align: right; color: #c9342e; } .pop-up-response-container > .error > span { line-height: 1; color: #c9342e; } .pop-up-response-container > .error > .fa { background-color: #c9342e; } /*my account pop up end*/ /*delivery addresses */ #delivery-addresses button.myaccount-editform-addbutton > * { color: #333; } #delivery-addresses button.myaccount-editform-addbutton > * { color: #333; } .address-list { padding-top: 20px; } .address-list > .item > .address-container { border-color: rgb(208, 208, 208); border-style: solid solid none; border-width: 0 1px medium; padding: 0 15px 15px; } .address-list > .item > .address-container > hr.bordertop { border-top: 1px solid #d0d0d0; margin: 0 -16px 15px; } .address-list > .item.default-address > .address-container > hr.bordertop { border-top: 4px solid #90b9d2; margin-bottom: 12px; } .address-list > .item > .address-container p { min-height: 16px; font-size: 16px; line-height: 1; margin: 0 0 3px; } .address-list > .item.default-address .action-myaccount-setdefaultaddress { font-weight: 700; } .editaddress-label { font-size: 14px; margin-top: 6px; } /*delivery addresses end*/ .mandatory, span.mandatory { color: #c9342e; } /* scroll bar always visible on IE */ @-ms-viewport { width: auto !important } .close2 { float: right; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; float: inherit; margin-left: 5px !important; } .close2:hover, .close2:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close2 { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .btn-attr { color: #fff; background-color: #898989; border-color: #a0a0a0; margin-bottom: 2px; padding: 5px 10px; font-size: 12px; } .btn-attr:focus, .btn-attr.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-attr:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-attr:active, .btn-attr.active, .open > .dropdown-toggle.btn-attr { color: #fff; background-color: #286090; border-color: #204d74; } .btn-attr:active:hover, .btn-attr.active:hover, .open > .dropdown-toggle.btn-attr:hover, .btn-attr:active:focus, .btn-attr.active:focus, .open > .dropdown-toggle.btn-attr:focus, .btn-attr:active.focus, .btn-attr.active.focus, .open > .dropdown-toggle.btn-attr.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-attr:active, .btn-attr.active, .open > .dropdown-toggle.btn-attr { background-image: none; } .btn-attr.disabled, .btn-attr[disabled], fieldset[disabled] .btn-attr, .btn-attr.disabled:hover, .btn-attr[disabled]:hover, fieldset[disabled] .btn-attr:hover, .btn-attr.disabled:focus, .btn-attr[disabled]:focus, fieldset[disabled] .btn-attr:focus, .btn-attr.disabled.focus, .btn-attr[disabled].focus, fieldset[disabled] .btn-attr.focus, .btn-attr.disabled:active, .btn-attr[disabled]:active, fieldset[disabled] .btn-attr:active, .btn-attr.disabled.active, .btn-attr[disabled].active, fieldset[disabled] .btn-attr.active { background-color: #337ab7; border-color: #2e6da4; } .alert-attr { color: #333; background-color: #f5f5f5; border-color: #ddd; padding: 10px; } .showmore { font-size: 12px; } .attrmore { display: none; } .btn-default-active { background-color: #898989; border-color: #a0a0a0; color: #fff; } .btn-colour { background-color: #ccc; height: 34px; width: 34px; margin: 3px !important; padding: 0 !important; background-image: none; } .btn-colour-active { background-color: #ccc; height: 34px; width: 34px; margin: 3px !important; padding: 0 !important; background: rgba(0, 0, 0, 0) url("/images/default/filter-sel.png") no-repeat scroll -1px -1px; } .modal-backdrop { position: fixed; } .attd { width: 100%; padding-left: 35px; height: auto; max-height: 48px; overflow-x: hidden; } /*contact page*/ .contactpage label { font-weight: normal; } .contact-title { font-size: 40px; color: #000; } .contactpage .btn-success { background: #7BB530 !important; border: none; padding: 10px 0; } #tallestofsiblings { text-align: right; } #tallestofsiblings > hr { height: 100%; border-left: 1px solid rgb(204, 204, 204); border-top: medium none; margin: 0px; display: inline-block; } #map_canvas { border-radius: 0px; height: 279px; margin-bottom: 20px; } .address .line { font-size: 16px; display: block; line-height: 22px; } .form-inline .control-label { margin-top: 7px; margin-bottom: 10px; } @media (max-width: 767px) { #captcha-image-container { float: left; } } @media (min-width: 768px) and (max-width:991px) { #captcha-image-container { right: 0; } } @media (min-width: 992px) and (max-width:1199px) { #captcha-image-container { right: 30px; } } @media (min-width:1200px) { #captcha-image-container { right: 5px; } } .panel-body label, .panel-body label > a { font-size: 17px; font-weight: normal; text-transform: capitalize; position: relative; top: -5px; } /*checkboxes and radios*/ input[type="checkbox"] + label::before { color: #aaa; content: ""; font-size: 21px; line-height: 7px; text-align: center; height: 22px; } .checkbox > label::before { border-radius: 0; } .checkbox > label::before { background-color: #fff; border: 1px solid #ddd; content: ""; display: inline-block; height: 22px; position: relative; width: 22px; } .checkbox.has-error > label::before { border-color: #a94442; } input[type="checkbox"]:checked + label::before { color: #3f0f65; content: ""; font-family: FontAwesome; font-size: 16px; line-height: 22px; text-align: center; height: 22px; } /*radio*/ input[type="radio"] + label::before { color: #aaa; content: ""; font-size: 21px; line-height: 7px; text-align: center; } .radio > label::before { border-radius: 0; } .radio > label::before { background-color: #fff; background-image: url(/images/icons/radio-not-checked.png); /* border: 1px solid #ddd;*/ content: ""; display: block; height: 22px; left: 0; margin-right: 0px; position: relative; width: 22px; } input[type="radio"]:checked + label::before { font-family: FontAwesome; font-size: 16px; line-height: 22px; text-align: center; background-image: url(/images/icons/radio-checked.png); } .adv-checkbox.checked::before { color: #3f0f65; content: ""; font-family: FontAwesome; font-size: 16px; line-height: 22px; text-align: center; height: 22px; } .adv-radio.checked::before { font-family: FontAwesome; font-size: 16px; line-height: 22px; text-align: center; background-image: url(/images/icons/radio-checked.png); } /*common*/ .radio, .checkbox { padding-left: 0; margin-top: 10px; margin-bottom: 10px; margin-bottom: 10px; display: inline-flex !important; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { display: none; } .radio label, .checkbox label { padding-left: 0px; } /*END checkboxes and radios*/ /*images filter*/ .product-attr-img-butt { background: transparent; border: none; border-radius: 50%; width: 28px; height: 28px; padding: 0; margin-right: 10px; } .product-attr-img-butt-active { background: transparent; border: none; border-radius: 50%; width: 28px; height: 28px; padding: 0; margin-right: 10px; } .product-attr-img-butt-active img { border: #3e0d64 3px solid; } .product-attr-img { border-radius: 50%; width: 28px; height: 28px; } .image-filter-wrapper { padding-left: 0; margin-top: 20px; position: relative; margin-bottom: 10px; } /*END images filter*/ /*breadcrumb*/ .breadcrumb-container { background-color: #f5f5f5; } .breadcrumb a, .breadcrumb li { color: #595959; font-size: 14px; } .breadcrumb { margin-bottom: 0; } /*basket page*/ #promoapply > label.form-control { vertical-align: middle; line-height: 34px } #promoremove > label.form-control { vertical-align: middle; line-height: 34px } /*quick order section*/ #quick-order-product-code, #quick-order-qty { height: 30px; } #quick-order-product-code { width: 125px; padding-left: 10px; } #quick-order-qty { width: 50px; } #quick-order-container form > button { background: none; border: none; padding-top: 0; } .quick-order-container form > button > .fa { font-size: 30px; } .quick-order-text { font-size: 16px; color: #4e2d8d; font-family: 'OpenSans-Extrabold'; } .quick-order-container label { font-weight: normal; } .header-right-section { margin-top: 6px } .header-right-section > a:not(:last-child)::after { content: "|"; padding-left: 5px; padding-right: 2px; } .quick-order-container { margin-top: 4px; padding-right: 0; padding-left: 5px; } .quick-order-container .quick-order-fields { display: inline-block; font-size: 15px; } .quick-order-container .quick-order-fields .input-holder { padding-left: 8px; padding-right: 8px; } .quick-order-container .quick-order-fields .quick-order-text { padding-right: 8px; } .quick-order-container .quick-order-fields input[type="text"] { box-shadow: none; height: 30px; } .quick-order-container .quick-order-fields .quick-order-sku { width: 130px !important; } .quick-order-container .quick-order-fields .quick-order-qty { width: 65px !important; } .quick-order-container .quick-order-fields .quick-order-add-to-basket { border: none; background: none; box-shadow: none; padding: 0; font-size: 30px; text-shadow: none; margin-top: -1px; } @media (max-width: 1199px) { .quick-order-container .quick-order-fields .product-outer { display: none } .quick-order-container .quick-order-fields, .quick-order-container .quick-order-fields .quick-order-add-to-basket { color: #fff; } .quick-order-container { margin-top: 5px } } /*quick order section end*/ /*header phone section*/ .for-sales { font-size: 15px; color: #4e2d8d; } .phone-number { color: #7bb530; font-size: 22px; font-weight: bold; white-space: nowrap; line-height: 1.2; } .working-ours { color: #9b9da0; font-size: 12px; } .header-phone-part { padding-left: 50px; display: flex; column-gap: 15px; } .header-phone-part > img { margin-top: 5px; } /*header phone section end*/ .header-right-section a { text-transform: none; color: #4f4f4f !important; text-decoration: none; font-size: 13px; line-height: 35px; } @media (max-width: 1199px) { .header-phone-part { padding-left: 15px; } .header-right-section a { color: #fff !important; } } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #525252 !important; font-family: 'Open Sans'; font-size: 12px; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #525252 !important; opacity: 1; font-family: 'Open Sans'; font-size: 12px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ /*color: #525252!important;*/ opacity: 1; /*font-family: 'Open Sans'; font-size:12px;*/ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #525252 !important; font-family: 'Open Sans'; font-size: 12px; } /* ===================== FOOTER ===================== */ #blog-scroller ul { list-style-type: none; padding: 0; } #blog-scroller span { display: block; } #blog-scroller .blog_scroll_title { font-size: 16px; font-weight: 700; color: #fff; } #blog-scroller .blog_scroll_header { font-size: 12px; color: #a1a1a1; margin-bottom: 7px; } #blog-scroller .blog_scroll_header a { font-size: 12px; color: #a1a1a1; } #blog-scroller .blog_scroll_elem { font-size: 14px; color: #fff; max-height: 90px !important; overflow: hidden !important; font-family: 'Open Sans'; } #blog-scroller .blog_scroll_footer a { font-size: 14px; color: #876eb6; display: inline-block; margin-top: 5px; } .lightergrey.footer-links-container { padding-top: 30px } .lightergrey.footer-links-container h4 { color: #808080; font-size: 18px; font-weight: bold; margin-bottom: 25px; } .footer-column a { color: white; text-decoration: none; font-family: 'Open Sans'; } .footer-links-second-container { padding-top: 10px; padding-bottom: 8px } /* Fix blog title height in desktop view */ @media only screen and (min-width: 1200px) { #blog-scroller .blog_scroll_title { min-height: 36px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { #blog-scroller { height: 190px !important; } #blog-scroller .blog_scroll_title { min-height: 36px; } #blog-scroller .blog_scroll_elem { max-height: none !important; } } @media only screen and (max-width: 991px) { #blog-scroller { height: 130px !important; } #blog-scroller .blog_scroll_title { min-height: 36px; } #blog-scroller .blog_scroll_elem { max-height: none !important; } } @media only screen and (max-width: 767px) { #blog-scroller { height: 145px !important; } #blog-scroller .blog_scroll_title { min-height: 36px; } #blog-scroller .blog_scroll_elem { max-height: none !important; } } @media only screen and (max-width: 480px) { #blog-scroller { height: 165px !important; } #blog-scroller .blog_scroll_title { min-height: 36px; } #blog-scroller .blog_scroll_elem { max-height: none !important; } } /* ===================== OFFERS section ===================== */ #Offers-container > div { margin-bottom: 15px; } .offer-item { border: solid 1px #c1c1c1; padding-top: 20px; } .from-only { font-family: 'OpenSans-Extrabold'; } #Offers-container { text-align: center; } #Offers-container .offer-image { margin: auto; float: none; max-height: 260px; width: auto; } #Offers-container .offer-image.landscape { max-height: 100%; height: auto; max-width: 300px; } #Offers-container .image-container { min-height: 260px; display: flex; width: 100%; flex-direction: column; justify-content: center; } @media(max-width:1199px) { #Offers-container .offer-image.landscape { max-width: 280px; } } @media(max-width:991px) { #Offers-container .offer-image.landscape { max-width: 205px; } } @media only screen and (max-width: 767px) { #Offers-container .offer-image { max-height: 100%; max-width: 100%; } #Offers-container .offer-item { width: 100%; margin-bottom: 15px } #Offers-container .offer-image.landscape { max-width: 100%; } #Offers-container .image-container { min-height: 0; } } #Offers-container .category-name { padding: 10px 0px; color: white; background: #4e2d8d; font-weight: bold; } #Offers-container .view-All a, #Offers-container .view-All { color: #7bb530; font-size: 15px; padding: 10px; text-decoration: none; text-transform: capitalize; font-weight: bold; margin-bottom: 8px; } #Offers-container .category-product-name { color: black; font-size: 15px; padding: 10px 0px; } .secure-100 { font-family: 'OpenSans-Extrabold'; } .featured-products-container-parent { background: #dfdfdf; position: relative; } .featured-products-container { padding-bottom: 35px; overflow: hidden; } .featured-products-container h2, .Associated-Products-container h2 { font-family: 'Open Sans'; margin-bottom: 15px; } .featured-products-container h2 { margin-bottom: 35px; margin-top: 35px; } .featured-products-container h5 { line-height: 20px } .featured-products-container .sash-wrapper { background-color: #fff; } .featured-products-container .thumbnail { max-height: 164px; margin: 0 auto; } @media(max-width:1199px) { .featured-products-container .thumbnail { max-height: 132px } } @media(max-width:991px) { .featured-products-container .thumbnail { max-height: 220px } } @media(max-width:767px) { .featured-products-container .thumbnail { max-height: 200px } } .Associated-Products-container { background: #dfdfdf; padding: 15px 0px 30px; position: relative; } .Associated-Products-container .thumbnail, .Associated-Products-container .img-thumbnail { -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; background: transparent; } .megamenu.navbar.navbar-inverse { background: #4e2d8d; z-index: 3; width: 100%; } .megamenu.navbar.navbar-inverse.sticky { position: fixed; top: 0; left: 0; /*top: 193px;*/ } @media (max-width: 1199px) { .megamenu.navbar.navbar-inverse { top: 0; z-index: 3; position: fixed; } .logo { text-align: center; } } .navbar-inverse { clear: both; background-color: #4e2d8d !important; border-color: #4e2d8d; background-image: none !important; } .navbar-inverse .navbar-nav > li > a { color: white; padding: 0px 15px; } .navbar-inverse .navbar-nav > li.li-level-1 > a { border-right: solid 1px #6949a7; } .navbar-inverse .navbar-nav > li.li-level-1:first-child > a { border-left: solid 1px #6949a7; } .megamenu .navbar-nav { padding-left: 15px; } .social-media-icons { font-size: 20px; } .social-media-icons > a { /* padding: 15px; */ background-color: #4e2d8d; border-radius: 30px; text-align: center; width: 100%; display: block; width: 40px; height: 40px; line-height: 42px; color: white; float: left; margin-bottom: 15px; } .social-media-icons > a:first-child { margin-right: 5px; } .footer-links { padding: 15px 0px; color: #b7b7b7; font-size: 12px; } .footer-links a { color: #b7b7b7; } .price-from { color: #4e2d8d; font-size: 15px; font-family: 'OpenSans-Extrabold'; } .navbar-inverse .navbar-nav > li.li-level-1:not(:first-child) > a::after { /* content:"|"; color:white;*/ } .carousel .glyphicon.glyphicon-menu-left, .carousel .glyphicon.glyphicon-menu-right, .owl-prev, .owl-next { position: absolute; top: 50%; /* bottom: 0; */ right: 0; left: 0; margin: auto; width: 50px; background-color: black; height: 50px; line-height: 50px; font-size: 25px; color: white; text-align: center; cursor: pointer; z-index: 2; } .owl-prev { left: 0px; right: auto; } .owl-next { right: 0px; left: auto; } .carousel .glyphicon.glyphicon-menu-right { margin-right: 0; } .carousel .glyphicon.glyphicon-menu-left { margin-left: 0; } .carousel .carousel-control { opacity: 1; } .header-right-section .font-15 .for-sales, .header-right-section .font-15 .phone-number { font-size: 15px !important; line-height: 35px; } @media (max-width:480px) { .for-sales.f480 { display: none !important; } .header-right-section .font-15 .for-sales:not(.f480) { display: inline-block !important; } } @media (max-width:1199px) { #quick-order-container { line-height: 45px; } } a:not([href]) { text-decoration: none; } /* ===================== Featured Products carousel ===================== */ .owl-carousel .owl-item { float: left; } /* ===================== Featured Products carousel end ===================== */ .content-page a { color: #99cc33; } .btn.btn-primary { background: #7cb530; border-color: #7cb530; } .btn.btn-secondary { background: #4e2d8d; border-color: #4e2d8d; color: white; } .btn { border-radius: 0px; } .owl-stage-outer { position: relative; } .Associated-Products-container > .container { overflow: hidden; } .btn.btn-primary:active { background: #7cb530 !important; border-color: #7cb530 !important; } .btn.btn-secondary:active { background: #4e2d8d !important; border-color: #4e2d8d !important; } #technical .table-striped > tbody > tr:first-child td { background-image: linear-gradient(0deg, #efecec, #ffffff); white-space: nowrap; } #technical .table-striped > tbody > tr td { padding: 15px 8px; } .lazzyload { display: none; } /* ===================== category page left menu ===================== */ #category-list-left li > ul { display: none; } #category-list-left li { list-style-type: none; } .level-1, .level-2, .level-3, .level-4 { padding-left: 15px; } #category-list-left .left-category-menu-left { padding-right: 15px; } .left-category-menu-left { width: 206px; padding-top: 9px; padding-bottom: 9px; } .left-category-menu-right { border-left: 1px solid #dfdfdf; text-align: center; vertical-align: central; } .left-category-menu-left a { font-size: 10.5pt; color: #535353; } #category-list-left > ul > li ul .left-category-menu-left a { color: #393939; font-weight: normal; } @media(max-width:767px) { .left-category-menu-left { width: inherit; } .left-category-menu-right { width: 40px; } } .level-1 ul, .level-2 ul, .level-3 ul, .level-4 ul { margin-left: -15px; } .level-5 { padding-left: 30px; } #category-list-left ul li { border: solid 1px #dfdfdf; border-bottom: none; } #category-list-left ul li:last-child { border-bottom: solid 1px #dfdfdf; } #category-list-left ul { padding-left: 0px; } #category-list-left > ul > li > a { color: black; font-weight: bold; } #category-list-left > ul > li > ul > li a:hover { color: #4e2d8d; } #category-list-left > ul > li ul { background: #dfdfdf; } #category-header { background: black; color: white; padding: 15px; font-size: 18px; } #category-list-left ul li:last-child { border-left: 1px solid #dfdfdf; } #category-list-left .fa.fa-plus:before { } #category-list-left .fa.fa-plus, #category-list-left .fa.fa-minus { padding: 10px; } .pagination-container { background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e0e0e0)); background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: -moz-linear-gradient(top,#fff 0,#e0e0e0 100%); background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); background-repeat: repeat-x; border: solid 1px #e6e6e6; } .pagination-container button { background-color: transparent; border-radius: 0 !important; border: 0px !important; box-shadow: none; } .pagination-container .paging-buttons-holder button { border-left: 1px solid #ccc !important; font-size: 14px; padding-top: 3px; padding-bottom: 3px; } .pagination-container .paging-buttons-holder .btn-default:hover, .pagination-container .paging-buttons-holder .btn-default:focus { background-position: 0 0; } .pagination-container .action-grid-list { border-right: solid 1px #cdcdcd !important; margin-right: 1px; } .pagination-container .dropdown-toggle { display: none; } .pagination-container .hideme-xs { padding-left: 0px; } .items-per-page span { line-height: 28px; } .page-size .active { color: #4e2d8d; text-decoration: underline; } .twitter-typeahead > .typeahead.tt-hint { display: none !important; } .action-remove-from-basket, .action-remove-from-basket:active, .action-remove-from-saved-basket, .action-remove-from-saved-basket:active, .action-remove-all-basket, action-remove-all-basket:active { background: none !important; box-shadow: none !important; border: none !important; color: #99cc33 !important; font-size: 15px !important; font-weight: bold; } div.bootstrap-touchspin button, div.bootstrap-touchspin button:active, .action-apply-promo-code { background-color: #e0e0e0 !important; border-radius: 0px !important; box-shadow: none !important; } .basket-item-price, .basket-green { color: #99cc33 !important; font-size: 22px; font-weight: bold; white-space: nowrap; } #form-basket label { font-weight: normal } .action-apply-promo-code, .action-apply-promo-code:active { font-size: 15px; color: white !important; background: rgb(78, 45, 141) !important; border: rgb(78, 45, 141) !important; } input { border-radius: 0px !important } #promocodewell { background: #c3b3e1; border: none; margin-bottom: 15px; } .checkout-header h3 { color: #4e2d8d; margin-bottom: 5px; } @media (max-width: 767px) { .checkout-header h3 { margin-bottom: 15px; margin-top: 0 } } .checkout-header-phone { color: #7bb530; margin-bottom: 5px; } .checkout-header-working-hours { color: #899396; } .radio-inline.radio { padding-top: 0px !important; } #Order-Summary .panel-heading { background: none; } #Order-Summary { border: none; box-shadow: none; } #Order-Summary .panel-default { border-radius: 0px; background: #f5f5f5; border-bottom: none; border-left: none; border-right: none; } #Order-Summary .thumbnail { padding: 0; border: 1px solid #ddd; } .text-green { color: #7bb530; } @media(max-width:991px) { #Order-Summary { margin-left: -15px; margin-right: -15px; } } .checkout-edit-order-btn { background: #4e2d8d !important; border-color: #4e2d8d !important; font-size: 16px; float: none; margin-bottom: 5px; margin-top: 15px; } .adv-radio ~ label { display: none; } .adv-checkbox { position: relative; left: 22px; z-index: 2; } .well { margin-bottom: 0px; padding: 15px; border-radius: 0; } .order-status-buttons .btn-primary { background: #7bb530; } .order-status-buttons .btn-primary, .order-status-buttons .btn-secondary { font-weight: 500; text-shadow: none !important; } .order-status-buttons .btn-primary i, .order-status-buttons .btn-secondary i { margin-left: 5px; } .ordersummarycontainer p.content { font-family: 'Open Sans'; } .orderstatus-table thead th { background: linear-gradient(to bottom,#fff 0,#e0e0e0 100%); border: 0px !important; font-weight: 400; } .orderstatus-table thead tr { border: solid 1px #d6d6d6; } .orderstatus-ordertotal-container .item .header, .orderstatus-ordertotal-container .item .content { float: left; width: 50%; } .discount-item { color: #7bb530; } .orderstatus-table tr { border-bottom: solid 1px #d4d4d4; } .orderstatus-ordertotal-container .item .header { text-align: left; } .orderstatus-ordertotal-container .item { margin: 0px 0px 15px 0px; float: left; width: 100%; } .orderstatus-table .white-space { width: 15px; } .order-summury-container .item { font-size: 15px; } .order-summury-container .header { font-weight: 700; } .order-summury-container .item.halfspace .content { margin-bottom: 0; } .imagename-container { padding-left: 0 !important; } .imagename-container img { float: left; } .imagename-container > div > a { color: #3e3e3e; font-size: 15px; text-decoration: none; white-space: pre-wrap; } .singleitemprice-container .basket-item-price { font-size: 17px; } .imagename-container img { border: 1px solid #d3d3d3; } .baskettable tbody tr td { padding: 30px 0 !important; } .baskettable td { vertical-align: middle !important; } td > span.name, td > span.svalue { width: 50%; float: left; margin-bottom: 10px; } .ui-autocomplete { max-width: 150px !important; padding-left: 0px !important; list-style-type: none !important; } .ui-autocomplete li:hover { cursor: pointer; } #scroller li { list-style-type: none; float: left; display: none; } .form-group.mandatory::after { content: "*"; float: right; position: absolute; right: 0px; top: 0px; color: #99cc33; } .close-text, .close-text:active, .close-text:focus { background: #4e2d8d !important; border-color: #4e2d8d !important; } .display-table { display: table; width: 100%; } .display-table-row { display: table-row; } .display-table-cell { display: table-cell; vertical-align: middle; } .price-options-header-variant-row > div { vertical-align: top; } .table-pricing-options { width: 100%; } .paddin-0 { padding: 0 !important; } .table-pricing-options td, .table-pricing-options th { border: 1px solid #f9f9f9; padding-left: 20px; } .table-pricing-options th { text-align: center; } .table-pricing-options thead { vertical-align: middle; background-image: linear-gradient(#fdfdfd, #d5d5d5); } .price-header-top { background: linear-gradient(#fdfdfd, #e8e8e8); } .price-header { background: linear-gradient(#e8e8e8, #d5d5d5); } .table-pricing-options tbody td { height: 50px; } .table-pricing-options tbody tr:nth-child(2n) td { background-color: #f9f9f9; } .table-pricing-options tbody .btn-primary { height: 35px; width: 150px; padding-top: 8px; font-size: 10pt; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 35px; } #form-checkout h2 { color: #3e3e3e; font-size: 25px; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-bottom: 30px; margin-top: 40px; } #form-checkout .paymentlogos { padding-top: 15px; } #form-checkout .paymentlogos.paymentby { padding: 0; position: relative; top: -25px; right: 0; float: left; left: 205px; } #form-checkout .checkbox > span { padding-left: 10px } #form-checkout .btn-lg { font-size: 22px; padding: 10px 40px; text-shadow: none; } #form-checkout .safe-order { float: left; min-height: 25px; margin-top: 8px; background: url('/images/default/lock.png') no-repeat left center; font-size: 15px; padding-left: 22px; line-height: 25px; } #Order-Summary h3 { color: #3e3e3e; font-size: 25px; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; margin-top: -3px; } @media only screen and (max-width: 450px) { #form-checkout h2 { margin-bottom: 60px; } #form-checkout .paymentlogos.paymentby { float: left; top: 0; left: 0; padding-bottom: 10px; } } /* ===================== Content page ===================== */ .content-page table { margin-bottom: 20px; } .content-page thead td { font-weight: 700; } .content-page td { border: 1px solid grey; padding: 5px 10px; } .content-page td:first-child { padding-right: 50px; } .left-menu-container .list-group-item { border-radius: 0; } .left-menu-container .list-group-item.active { background: #4E2D8D; border: 1px solid #4E2D8D; text-shadow: none; } /* ===================== Category page ===================== */ .category-page .panel-heading { font-size: 18px; color: #fff; background: #202020; border-radius: 0; } .category-page #clear-prices, .category-page #clear-prices:hover { color: #9880c6; text-decoration: none; font-size: 16px; } /* ===================== Blog entry page ===================== */ .blog-page a, .blog-page a:hover { color: #7BB530; text-decoration: none; } .blog-page .social-buttons > div { margin-bottom: 7.5px; } .blog-page #gplus-share-url { margin-right: 5px; } .blog-page h1 { color: #000; } .blog-page .entry-info-box { font-size: 13px; margin-bottom: 5px; color: #595959 } /*** product page update ***/ .product-page #productzoom.thumbnail { border: 1px solid #d4d4d4; padding: 0; margin-bottom: 6px; } .product-page .elastislide-horizontal .elastislide-carousel ul li a img { border-radius: 0; border-color: #d4d4d4; padding: 0; } .product-page .elastislide-horizontal .elastislide-carousel ul li a:hover { border-radius: 0; border-color: #d4d4d4; } .product-page .elastislide-horizontal ul li:first-child { padding-left: 0 } .product-page .roll-over { color: #313131; /*display:table;*/ /*float:left;*/ /*width:100%;*/ font-size: 15px; } .product-page h1 { font-size: 32px; margin-top: 40px; margin-bottom: 25px } .product-page .Scroll-Down-Pricing-Options { margin-top: 20px; padding-left: 55px; padding-right: 55px; text-shadow: none; } .product-page #generaldesc { font-size: 15px; color: #595959; } .product-page #generaldesc ul { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNpivnr1Kh8fn6ysrKOj46pVq5h5eXkfPXrEwMDw7du3O3fuMMvJyTHAwMePH5lERETgfKAcU0ZGBkQJUCIzMxMgwAD4JBTerKaQtQAAAABJRU5ErkJggg=='); } /*** product page update ***/ .product-page #generaldesc a, .product-page #generaldesc a:hover, .product-page #generaldesc a:active, .product-page #generaldesc a:focus { color: #4e2d8d } .product-page #generaldesc ul { padding-left: 15px; } header .subnav-outer { width: 100%; background-color: #eaeaea; } .product-page #generaldesc { overflow-x: auto; } .backToTop { position: fixed; bottom: 50px; right: 0px; color: white; z-index: 999; display: none; font-size: 2em; padding: 0px; width: 50px; height: 44px; overflow: hidden; cursor: pointer; background-color: rgba(51, 51, 51, .5); } .backToTop i { position: absolute; left: 22px; top: 13px; color: #fff; font-size: 16px; z-index: 1; } .has-error .form-control { border-color: #d2d2d2; } .has-error .form-control.error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } /* Simple Select */ .simple-select { color: #515151; background-color: #fff; padding-left: 10px; line-height: 33px; overflow: hidden; position: relative; width: 100%; border: 1px solid #d0d0d0; cursor: pointer; font-size: 14px; height: 34px; } .simple-select.error { border: 1px solid #a94442; } .simple-select-arrow { position: absolute; right: 0; top: 0; width: 25px; height: 100%; text-align: center; border-left: 1px solid #ddd; background-image: -webkit-gradient(linear, left 0, left 100%, from(#fff), to(#e0e0e0)); background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: -moz-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%); background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .simple-select-arrow i { line-height: inherit; font-size: 20px; color: #515151; } .simple-select select { display: block; position: absolute; left: 0; top: 0; -webkit-appearance: menulist-button; opacity: 0; zoom: 1; filter: alpha(opacity=0); width: 100%; } .simple-select select option { max-width: 289px; } @media(max-width:1199px) { .simple-select select option { max-width: 203px; } } @media(max-width:991px) { .simple-select select option { max-width: 186px; } } @media(max-width:767px) { .simple-select select option { max-width: 100%; } } .simple-select-disabled { background: #d0d0d0; } .simple-select.has-error { border-color: #a94442; } /* Simple Select */ @media (min-width:992px) { .md-width-49 { width: 49% !important; } } @media (min-width: 992px) and (max-width: 1199px) { .md-width { width: 73% !important; margin-right: 0 !important; margin-bottom: 5px !important; } } @media (max-width:991px) { .flex-pane .btn { margin: 5px 0 !important; left: 0 !important; } } .caret-notification { position: absolute; left: 10px; top: 7px; font-size: 15px; color: #9f9d9e; } .card-notification { position: absolute; left: 15px; top: 0; font-size: 15px; color: #9f9d9e; } .text-notification { line-height: 16px; display: block; padding-left: 10px; } .card-text { padding-left: 75px; } .padding-left-5 { padding-left: 5px; } #form-contact .checkbox span, #form-register .checkbox span { padding-left: 10px; } .leadmodal .checkbox span { padding-left: 10px; font-size: 14px; line-height: 1.42857143; color: #333; } .leadmodal .adv-checkbox { left:0; } .leadmodal input[type="checkbox"].error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); outline:1px solid #a94442; } .leadmodal .adv-checkbox.checked::before { display:none; } .login-box .well.existing { background: #c3b3e1; border: none; margin-top: 5px; margin-bottom: 15px } @media(max-width:991px) { #form-contact .btn.btn-lg { margin-bottom: 30px } } .purple-border { border-bottom: 2px solid #4e2d8d } #basket-close { font-size: 20px; color: #3e3e3e; position: absolute; top: 0; right: 3px; z-index: 999; cursor: pointer; } .brand-image { max-height: 75px; } @media(max-width:767px) { .form-group > div { margin-top: 10px; } .form-group > div:first-of-type { margin-top: 0; } #form-login .action-register-login { margin-top: 15px; } } @media(max-width:450px) { .col-xss-12 { width: 100%; } } .login-register-page h1 { margin-bottom: 30px } .login-register-page label { padding-top: 5px } #section-contact label, #section-name label, .del-label label { padding-top: 7px } h3.exist-custom { font-size: 18px; margin: 10px 0 } #form-login h2 { font-size: 24px } @media print { @page { size: landscape; } body { min-width: 1200px !important; } .container { width: 1200px !important; } } /* Checkout Pay on Account */ .nav-payments { background: #4e2d8d; padding: 20px 20px 0 20px; color: #fff; } .nav-payments > li { color: #fff; border: 0 !important; font-family: 'OpenSans-Semibold'; font-size: 15px; margin-right: 10px !important; } .nav-payments-desc { width: 165px; } .nav-payments > li:first-child, .nav-payments > li:first-child > a { margin-top: -5px; padding-right: 20px; background: #4e2d8d !important; } .nav-payments > li, .nav-payments > li > a { background-color: #6e4ea9 !important; border: 0 !important; } .nav-payments > li.active, .nav-payments > li.active > a { background-color: #fff !important; } .nav-payments > li > a { padding: 15px 25px; color: #fff; font-size: 16px; } .nav-payments > li.active > a { color: #3e3e3e; } div#pay-on-account { margin-bottom: 45px; } @media(max-width:990px) { .nav-tabs.nav-payments > li { width: auto; } .nav-payments-desc { width: 165px !important; } } @media(max-width:600px) { .nav-payments-desc { width: 100% !important; padding-bottom: 15px; } } @media(max-width:400px) { .nav-payments > li > a { padding: 12px 15px; color: #fff; font-size: 14px; } } .checkbox .validate-checkbox { display: block !important; z-index: -9999; position: absolute; left: -9999999px; } .action-remove-all-basket { margin-bottom: 5px; padding-top: 30px; padding-right: 0; } @media(max-width:767px) { .action-remove-all-basket { padding-top: 0 } } .text-grey { color: #9e9e9e; } .top-1px { top: 1px; position: relative; } .margin-left-5px { margin-left: 5px; } .video-box { background-color: #4e2d8d; height: 42px; width: 100%; color: #fff; font-size: 15px; padding-left: 18px; line-height: 40px; } .lead-time-column { text-align: center; min-width: 220px; } .xs-only { display: none; } .top-6px { top: -6px !important; } .width-auto { width: unset !important; } .width-lg-300 { width: 300px; } .lead-qty { color: #595959; font-size: 15px; min-width: 117px; } .mr-15 { margin-right: 15px; margin-top: 2px; } @media(max-width:1198px) { .lead-time-column { text-align: center; min-width: unset; } .mr-15 { margin-right: 0px; margin-top: 0px; margin-bottom: 5px; } .width-auto { width: 100% !important; } .width-lg-300 { width: 250px; } } @media(max-width:990px) { .width-lg-300 { width: 100px; } .price-options-table .padding-right-20 { padding-right: 10px; } .price-options-table .padding-left-20 { padding-left: 10px; } } @media(max-width:767px) { .lead-qty { padding-top: 15px; color: #595959; font-size: 15px; } .width-lg-300 { width: 100%; } } .order-code-column { min-width: 115px; } .price-options-table .price-options-add-to-basket { width: unset; } .lll-qty .bootstrap-touchspin { float: none; } .whatsapplink { background-color: #00c307; color: #fff; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 33px; text-decoration: none; position: fixed; bottom: 15px; left: 15px; z-index: 99; box-shadow: 0 0 0 0 rgba(0,195,7,.7); -webkit-animation: pulse 1.5s infinite } .whatsapplink:hover { text-decoration: none; color: #fff; -webkit-animation: none } @-webkit-keyframes pulse { 0% { transform: scale(.9) } 70% { transform: scale(1); box-shadow: 0 0 0 30px rgba(0,195,7,0) } 100% { transform: scale(.9); box-shadow: 0 0 0 0 rgba(0,195,7,0) } } .cc-nb-okagree, .cc-nb-reject { background-color: #7cb530 !important; } .termsfeed-com---palette-light .cc-nb-okagree:focus, .termsfeed-com---palette-light .cc-nb-reject:focus { box-shadow: 0 0 0 2px #fff !important; } .termsfeed-com---nb-interstitial-overlay { background: rgba(0,0,0,.5) !important; } :not(.sticky) .phone-number .email { display: block; } .phone-number .email { color: #4e2d8d; font-size: 18px; } .phone-number .sep { display: none; } .header-phone-part img { margin-top: 5px; } .call-to-us-outer .email { color: #4e2d8d !important; font-weight: bold; font-size: 16px; line-height: 1; } @media(max-width: 767.98px){ .call-to-us-outer .email { display: block; } } @media(min-width: 1200px) { header.sticky { position: fixed; top: 0; left: 0; height: 60px; overflow: hidden; } header.sticky .svglogo { height: 50px !important; width: auto; margin: 0; margin-top: 5px; } header.sticky > .subnav-outer, header.sticky .for-sales, header.sticky button.basketsummary, header.sticky div.delivery-text, header.sticky .working-ours { display: none; } header.sticky .basketcontainer > .btn-group { display: flex; flex-direction: row; align-items: center; justify-content: center; width: auto !important; } header.sticky .basketcontainer .baskettext { white-space: nowrap; margin-right: 15px; margin-bottom: 0; } header.sticky .basketcontainer .basket-logo { height: 30px !important; } header.sticky .header-phone-part > img { margin-top: 0; height: 18px; } header.sticky .header-phone-part { display: flex; flex-direction: row; align-items: center; justify-content: center; padding-left: 15px; width: 100%; } header.sticky .phone-number { font-size: 18px; } header.sticky .phone-number .email, header.sticky .phone-number .sep { display: inline; } header.sticky .phone-number .sep { font-size: 18px; } header.sticky .logo > .logo-part { width: auto; } .megamenu.navbar.navbar-inverse.sticky { position: fixed; top: 60px; left: 0; /* top: 193px; */ box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4); } } .mobile-scroll-logo { display: none; } @media(max-width: 767px) { nav.sticky .action-display-quick-order-mobile { display: none !important; } nav.sticky .mobile-scroll-logo { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } } .prddxs #productname { color: #583373; font-size: 32px; margin-top: 40px; margin-bottom: 25px; } .checkout_steps { margin: 20px 0px; } .checkout_steps .checkout_step { } .checkout_steps .checkout_step + .checkout_step { margin-top: 20px; } .checkout_steps .checkout_step .step_title { font-size: 26px; color: #b5b4b4; border: 1px solid #b5b4b4; padding: 15px 30px; user-select: none; position: relative; } .checkout_steps .checkout_step.current_step .step_title { color: #fff; border: 1px solid #4e2d8d; background-color: #4e2d8d; } .checkout_steps .checkout_step.current_step .step_body { padding: 18px; background-color: #f2f2f2; float: none; } .checkout_steps .checkout_step:not(.current_step) .step_body { display: none; } .checkout_steps .checkout_step.current_step .step_body .form-group { margin: 0; } .checkout_steps .checkout_step.current_step .step_body .row > div:not(.margin-to-0) { margin-top: 15px; } .checkout_steps .checkout_step.current_step .step_body input, .checkout_steps .checkout_step.current_step .step_body select { min-height: 45px; } .checkout_steps .mandatory, .checkout_steps span.mandatory { color: #4e2d8d; } .checkout_steps .checkout_step fieldset { border: 1px solid #d9d9d9; padding: 0px 0px 15px; } .checkout_steps .checkout_step fieldset legend { border: 0; width: auto; margin-left: 5px; padding: 0px 10px; font-size: 13px; font-weight: bold; } .checkout_steps .name_error, .checkout_steps .name_error.form-group, .checkout_steps .checkout_step.current_step .step_body .form-group.name_error { background-image: linear-gradient(to bottom,#f8f1b7 0,#f5f5f5 100%); background-repeat: repeat-x; border-color: #dcdcdc; box-shadow: inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1); padding: 20px 20px; border: 1px solid #000; margin-bottom: 30px; } .checkout_steps .change_step { font-size: 14px; border: 1px solid #cbcbcb; padding: 7px 15px; vertical-align: middle; text-decoration: none; font-weight: 500; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; } .checkout_steps .edit_name_value { border: 1px solid #d9d9d9; margin: 15px 0px; padding: 15px 0px; } .checkout_steps .action-postcode-lookup { height: 45px; } .checkout_steps .change_delivery_name { display: block; } .checkout_steps .billing_checkbox { margin: 15px 0px; } .checkout_steps .simple-select { height: 45px; line-height: 45px; } .mandatory-text { font-size: 16px; color: #4e2d8d; margin-top: 20px; } #Order-Summary { margin: 20px 0px; background-color: #f2f2f2; padding: 15px; } #Order-Summary h3 { border: 0; } #Order-Summary .panel-body label, #Order-Summary .panel-body label > a { font-size: 14px; font-weight: bold; text-transform: capitalize; position: static; } #Order-Summary .product-list { padding: 15px; background-color: #fff; } #Order-Summary .product-list .media-body > p:first-child { font-weight: bold; } #Order-Summary .thumbnail { max-width: 134px; max-height: 134px; min-width: 134px; min-height: 134px; } #Order-Summary .panel-default { border: 0; background-color: transparent; } #Order-Summary.disabled-basket .simple-select, #Order-Summary.disabled-basket .form-control.disabled { opacity: 0.5; pointer-events: none; height: auto; } #Order-Summary.disabled-basket select { pointer-events: none; } @media(max-width: 767px) { .checkout_steps .checkout_step .step_title { padding-right: 65px; } .checkout_steps .change_step span { display: none; } } .slide-read-more { overflow: hidden; } .slide-read-more-button { cursor: pointer; text-align: left; margin-top: 8px; color: #4e2d8d; display: none; } @media (max-width: 768px) { .category-page .slide-read-more img { width: 100% !important; height: unset !important; } } .product-vendor-mobile { position:relative; top:-20px; } .view_all { display: block !important; font-size: 16px; color: #3c1a7b !important; } .content-header { color: #000; font-size: 36px; margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.1; } .ind-prod-link { text-decoration: none; color: #595959; } /* PRODUCT RANGE SLIDER */ .jslider .jslider-bg i,.jslider .jslider-pointer { background:url(/images/default/jslider.png) no-repeat 0 0; } .jslider { display:block; width:100%; height:1.4em; position:relative; top:.4em; font-family:Arial, sans-serif; } .jslider table { width:100%; border-collapse:collapse; border:0; } .jslider td,.jslider th { padding:0; vertical-align:top; text-align:left; border:0; } .jslider table,.jslider table tr,.jslider table tr td { width:100%; vertical-align:top; } .jslider .jslider-bg { position:relative; } .jslider .jslider-bg i { height:12px; position:absolute; font-size:0; top:0; } .jslider .jslider-bg .l { width:50%; background-position:0 0; left:0; } .jslider .jslider-bg .r { width:50%; left:50%; background-position:right 0; } .jslider .jslider-bg .v { position:absolute; width:60%; left:20%; top:0; height:12px; background-position:0 -20px; } .jslider .jslider-pointer { width:27px; height:16px; background-position:0 -42px; position:absolute; left:20%; top:-2px; margin-left:-14px; cursor:w-resize; } .jslider .jslider-pointer-hover { background-position:-28px -42px; } .jslider .jslider-pointer-to { left:80%; } .jslider .jslider-label { font-size:9px; line-height:11px; color:#000; filter: alpha(opacity=30); opacity:0.3; white-space:nowrap; padding:0 2px; position:absolute; bottom:-8px; left:0; } .jslider .jslider-label-to { left:auto; right:0; } .jslider .jslider-value { font-size:9px; white-space:nowrap; padding:6px 3px 0; position:absolute; bottom:-8px; left:20%; line-height:12px; } .jslider .jslider-value-to { left:80%; } .jslider .jslider-label small,.jslider .jslider-value small { position:relative; top:-.4em; } .jslider .jslider-scale { position:relative; top:9px; } .jslider .jslider-scale span { position:absolute; height:5px; border-left:1px solid #999; font-size:0; } .jslider .jslider-scale ins { font-size:9px; text-decoration:none; position:absolute; left:0; top:5px; color:#999; } .jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label { display:none; } header { display: block; z-index: 4; background-color: white; width: 100%; } @media (max-width: 1199px) { header {z-index: 2;position:absolute;top:-50px} header.chkt-header{position:relative;top:0;} } #productname, #productname2 { color: #583373; } .price-holder { background-color: #dfdfdf; padding-top: 25px; padding-bottom: 25px; margin-top: 35px; } .price-holder-header { padding-bottom: 55px; } .price-holder-header .left-part { font-size: 30px; padding-left: 0; color:#393939; } .price-holder-header .right-part { padding-top: 10px; text-align: right; font-size: 15px; color:#393939; } .add-to-basket-table-cell { display: table-cell; } .add-to-basket-table-cell .bootstrap-touchspin { margin-bottom: -8px; } .add-to-basket-table-cell .price-options-add-to-basket { font-size: 11pt; padding-left: 15px; padding-top: 7px; position: relative; top: -11px; margin-bottom: -10px; text-shadow: none; box-shadow: none; } .details-cell { padding-bottom: 15px; padding-right: 20px; } .display-none { display: none; } .outline-none { outline: none; } .display-inline-block { display: inline-block; } /* Tables */ .display-table { display: table; width: 100%; } .display-table-row { display: table-row; border-bottom: 1px solid #d4d4d4; } .display-table-row:nth-child(2n+3) { background-color: #f9f9f9; } .quick-order-row.display-table-row:nth-child(2n+3) { background-color: transparent; } .display-table-cell { display: table-cell; } .border-bottom-none { border-bottom: none; } /* End Table */ /* Price Options */ .price-options-table { border: 1px solid #d4d4d4; border-bottom: none; background-color: #ffffff; color: #595959; font-size: 15px; } .price-options-table-header { height: 65px; background-image: linear-gradient(#fefefe, #d4d4d4); } .price-options-border-right { border-right: 1px solid #d4d4d4; } .price-border-left-white { border-left: 1px solid #ffffff; } .price-border-left { border-left: 1px solid #d4d4d4; } .price-options-border-left { border-left: 1px solid #ffffff; } .add-to-backet-column { /*width: 310px;*/ text-align: center; } .price-options-border-top { border-top: 1px solid #d4d4d4; } .price-cell { color: #4e2d8d; font-weight: bold; font-size: 10pt; height: 55px; padding-left:8px; padding-right:8px; } .price-options-header-sub-tbl { border-top: 1px solid #d4d4d4; table-layout: auto; width: 100%; /*height: 100%;*/ position: relative; top: 6px; } .price-options-header-sub-tbl .price-options-header-variant-row .price-options-border-right:last-child{ border-right:none; } .price-options-border-bottom { border-bottom: 1px solid #d4d4d4; } .padding-left-20 { padding-left: 20px; } .padding-right-20 { padding-right: 20px; } .price-options-header-variant-row div { padding-top: 5px; height: 25px; } .price-options-add-to-basket { width: 155px; height: 35px; padding-top: 3px; padding-left: 8px; display: inline-block; } @media (max-width: 767px) { .display-table.price-options-table > .display-table-row { display: block; padding-top: 15px; overflow: hidden; } #view-product-spec { max-width: 100%; } #view-product-spec .price-holder > .container { padding-left: 0; padding-right: 0; } .display-table.price-options-table > .display-table-row > .display-table-cell { display: block; } .display-table.price-options-table > .display-table-row.price-options-table-header {display:none} .price-options-table .price-options-border-right{border-right:none} } /* End Price Options */ .quick-order-cell { padding-right: 10px; padding-bottom: 5px; } .quick-order-container { position: relative; } .quick-order-holder { border: 2px solid #e0e0e0; padding: 20px; width: 300px; min-height: 350px; display: none; margin-top: 10px; position: absolute; background-color: white; z-index: 9999; } .quick-order-holder-mobile { left: 50%; margin-left: -150px; } .quick-order-holder-header { color: #7fb432; text-decoration: underline; text-align: center; display: block; padding-bottom: 10px; } .q-order-tbl-header { padding-bottom: 10px; } .thumbnail-holder { width: 260px; height: 255px; max-width: 260px; max-height: 255px; border: 1px solid #ddd; border-radius: 0; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; } .thumbnail { border-radius: unset; } .category-header-bar { padding-left: 15px; padding-right: 15px; } .category-h5 { color: #393939; } .thumbnail-holder img { border: unset; padding: unset; -webkit-box-shadow: unset; box-shadow: unset; max-width: 95%; height: auto; display: inline-block; } .add-quck-item .fa { font-size: 15pt; font-weight: bold; color: #4e2d8d; margin-top: 8px; } a.add-quck-item, a.add-quck-item:hover { color: #4e2d8d; text-decoration: none; } h1 { /*color: #583373;*/ color:#000; } .qty-holder { display: inline-block; padding-top: 4px; } .quickorder-sku-holder { padding-bottom: 5px; padding-left: 15px; } .first-column .quickorder-sku-holder{ padding-left:0; } @media(max-width:991px) { .quickorder-sku-holder {padding-left: 0;} } .pdf-link, .pdf-link:active, .pdf-link :focus, .pdf-link:hover{ text-decoration: none; color:#595959; } .pdf-link .fa { color: #ad1414; font-weight: bold; } .action-update-basket-qty { border-top: 1px solid #cdcdcd !important; border-bottom: 1px solid #cdcdcd !important; border-radius: 0 !important; border-right: none !important; border-left: none !important; } @media (max-width: 768px) { .Scroll-Down-Pricing-Options { width: 100%; } } @media (max-width: 990px) { .price-holder-header .right-part, .price-holder-header .right-part { text-align: left; } .price-holder-header .right-part { padding-bottom: 20px; } .add-to-basket-table-cell { display: block; } .add-to-basket-table-cell:last-child .price-options-add-to-basket { margin-top: 23px; width: 100%; margin-bottom: 10px } .add-to-basket-table-cell .bootstrap-touchspin { margin-top: 12px; width: 100%; } .add-to-backet-column { width: unset; } .price-cell { height: 120px; } } @media (max-width: 767px) { .mobile-50{ width: 50%; float: left; display:block; border:0; } .mobile-50 > .display-table-cell{ display:block; padding-bottom: 5px; } .padding-xs-ri-10{ padding-right:10px; } .padding-xs-le-10{ padding-left:10px; } .padding-xs-bottom-10{ padding-bottom:10px; } .full-bordered-xs{ margin-left: -20px; margin-right: -20px; padding:5px 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:10px; } .full-bordered-xs-top{ margin-left: -20px; margin-right: -20px; padding:7px 20px; border-top:1px solid #ccc; } .btn-view-price-breaks, .btn-hide-price-breaks{ color:#7bb530; font-weight:700; font-size:14px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { a.add-quck-item, a.add-quck-item:hover,.add-quck-item .fa { color: #fff; } } .product-specifications-panel .table { margin-top: 10px; } .product-specifications-panel .table th { height: 65px; vertical-align: middle !important; padding-top: 5px !important; color: #515050; white-space: nowrap; font-weight: unset; } .product-specifications-panel .table thead { background-image: linear-gradient(#fefefe, #d4d4d4); } .overflow-x-scroll { overflow-x: scroll; } .overflow-x-scroll::-webkit-scrollbar { -webkit-appearance: none; } .overflow-x-scroll::-webkit-scrollbar:vertical { width: 12px; } .overflow-x-scroll::-webkit-scrollbar:horizontal { height: 12px; } .overflow-x-scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } .overflow-x-scroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; } .product-specifications-panel { margin-top: 25px; margin-bottom: 25px; font-size:15px; color:#595959; } .product-specifications-panel h2 { margin-bottom: 10px; } .specification-col { width: 300px; } .blog-left-menu-holder .panel { border-radius: 0; } .blog-left-menu-holder > .panel-heading { background: black; border: 1px solid black; border-radius: 0; color: white; font-weight: bold; } .close-btn-holder { text-align: right; } .close-btn-holder a .fa { color: #4e2d8d; } .footer-column a { display: block; line-height: 1; } .color-red { color: #ad1414 !important; } .basket-product-name, .basket-product-name:hover { color: #373636; text-decoration: none; font-size: 12pt; } .vertical-align-middle { vertical-align: middle !important; } .associated-products-container { padding-bottom: 20px; background-color: #dfdfdf; position: relative; } .associated-products-container h2 { color: #393939; font-size: 25pt; } .associated-products-container .product-view-price { color: #4e2d8d; font-weight: bold; font-size: 12pt; } /* Owl dots */ .custom-owl-navigate-holder { text-align: right; padding-bottom: 10px; padding-right: 0; } .associated-products-container .owl-dots { display: inline-block; height: 10px; margin-left: 10px; margin-right: 10px; position: relative; vertical-align: sub; } .associated-products-container .owl-controls { position: relative; text-align: center; top: 20px; width: 100%; } .associated-products-container .owl-controls > .owl-nav { display: inline-block; position: relative; } .associated-products-container .owl-dot { background: #ffffff none repeat scroll 0 0; border: 3px solid #ffffff; border-radius: 100%; display: inline-block; height: 17px; width: 17px; margin: 0 3px; } .associated-products-container .owl-dot.active { background: #414141 none repeat scroll 0 0; border: 5px solid #414141; } .associated-products-container .owl-prev { display: inline-block; font-size: 14px; vertical-align: sub; color: #aaa; } .associated-products-container .owl-next { display: inline-block; font-size: 14px; vertical-align: sub; color: #aaa; } /* End owl dots */ .customNav { cursor: pointer; user-select: none; } .customNav div { display: inline-block; } .customNav div:first-child { margin-right: 75px; } #owl-associated-products .owl-prev { display: inline-block; font-size: 14px; vertical-align: sub; color: #aaa; } #owl-associated-products .owl-next{ display: inline-block; font-size: 14px; vertical-align: sub; color: #aaa; } .width-85p { width: 85% !important; } .basket-hr { background-color: #d4d4d4; width: 100%; height: 2px; } .ordertotal-container label, .ordertotal-container .ordertotal { color: #7bb530; font-size: 17pt; } a.green-link { color: #7bb530; } .green-text { color: #7bb530; } .sprite img { filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ -ms-filter: gray; } .price-options-description { max-width: 350px; } .our-price { color: #4e2d8d; font-weight: bold; } .panel-heading, .panel-heading.clickable, .panel-default > .panel-heading { border-radius: 0; background-color: black; border: 1px solid black; color: white; background-image: none; } .radio label:focus, .checkbox label:focus { outline:0; } div.checkbox { margin-left: -22px; } #Order-Summary .panel-heading { border: none; color: #333; } .panel-heading a { color: white; } .panel-default { border-radius: 0; } .panel-body .checkbox a { color: #4e2d8d; } .panel-body .checkbox label { margin-left: 20px; } .panel-body .checkbox label a, .panel-body .checkbox a { padding-left: 5px; } #form-newsletter { white-space: nowrap; } .form-control { border-radius: unset; } /*.simple-select span, .simple-select-arrow { display: none; }*/ .validation-error { border:1px solid red; } .validation-error-text { color: #a94442; } .red-color { color: red; font-weight: bold; margin-left: 10px; } .continue-shopping-btn, .action-pay-by-card-dialog, .btn-save-basket { background:#4e2d8d; color:white!important; padding: 9px 0; font-size: 15px; } .action-pay-by-card, .action-pay-on-account, .action-pay-on-account-dialog, .action-pay-on-account-dialog:hover, .action-pay-on-account-dialog:active, .action-pay-on-account:hover, .action-pay-on-accountdb, .action-pay-on-accountdb-dialog, .action-pay-on-accountdb-dialog:hover, .action-pay-on-accountdb-dialog:active, .action-pay-on-accountdb:hover, .action-save-basket, .action-save-basket:hover { background: #7bb530; color: white; padding: 10px 45px; font-size:15px; } .btn-save-basket { height: 41px; text-align: center; font-size: 10pt; } .btn.basket-btn:disabled{opacity:1} .btn.basket-btn.dsbld{cursor:not-allowed;} @media(max-width: 990px) { .continue-shopping-btn { margin-bottom: 5px !important; } .payment-buttons { position: relative; /*left: -4px;*/ } } .nav-tabs > li > a { border-radius: unset; } .add-tobasket-from-saved { height: 25px; padding-top: 2px; font-size: 11pt; } .btn-basket-saved-view, .btn-basket-saved-view:active, .btn-basket-saved-view:hover { height: 25px; background-color: #4e2d8d; border-color: #4e2d8d; padding-top: 2px; font-size: 11pt; color: #ffffff; } .saved-basket-items-tbl thead tr { color: #34363d; background-image: linear-gradient(#fcfcfc, #e2e2e2); border: 1px solid #cccccc; padding-bottom: 0; } .btn-basket-saved-view { width: 80px; } .thumbnail { border: none; transition: none; box-shadow: none; -webkit-box-shadow: none; } .product-description-price-mobile { color: #4e2d8d; font-size: 15px; font-weight: bold; } .btn-view-price-breaks, .btn-hide-price-breaks { margin-top: 5px; cursor: pointer; } @media(min-width:992px) { .tt-dropdown-menu { min-width: 500px; } } .no-wrap { white-space: nowrap; } .category-img-holder { height: 260px; overflow: hidden; border:1px solid #d4d4d4; } .category-img-holder a { display: table-cell; height: 260px; vertical-align: middle; } .category-img-holder a > .thumbnail{padding:0} .category-page h5, .search-page h5, .brand-page h5, .category-page h2, .search-page h2, .brand-page h2 { font-size:15px; line-height: 25px; margin-top: 15px; margin-bottom: 0; min-height:50px; } @media(max-width:770px) { .category-img-holder{height: auto;} .category-img-holder a { display: block; width: 100%; height: auto; } } .category-img-holder img { width: 100%; height: auto; } @media(max-width:600px) { .modal-dialog { margin-top: 120px !important; margin-left: 30px; margin-right: 30px; } } .action-pay-on-account, .action-pay-by-card-dialog { white-space: unset; } @media(max-width:800px) { #callbackslider { display: none; } } #Offers-container { padding-bottom: 20px; position: relative; } .featured-products-container h2 { text-align: left; } .action-paypal-checkout { background: #ffc439; border-radius: 4px; color: #003087 !important; font-size: 12px; font-weight: bold; font-family: Verdana; display: inline-block; text-align: center; padding: 9px 0; text-decoration:none!important; } @media(max-width:992px) { .featured-products-container h2 { text-align: center; } } .basket-buttons .basket-btn { margin: 0; width: calc(25% - 8px); margin-left:5px; } @media(max-width:1199px) { .basket-buttons .basket-btn { width: calc(50% - 8px); margin-bottom: 5px; } } @media(max-width:990px) { .basket-buttons .basket-btn { width: 100%; margin-left:0; margin-bottom: 5px; } } .padding-top-10 { padding-top: 10px; } .another-level { z-index: 999; /*height: 500px;*/ } .basket-qty-header { text-align: center; padding-left: 42px !important; } .my-account-log-out{ margin-top: 19px; } @media(max-width:770px) { .basket-qty-header { text-align: left; padding-left: 5px !important; } .my-account-log-out { width: 100%; } } @media(max-width:990px) { .nav-tabs > li { width: 100%; } } @media (max-width: 1199px) { .another-level {height: auto;} } .my-account-header-holder { margin-top: 28px; border-bottom-width: 10px; margin-bottom: 28px; } .category-left-banner-holder { margin-bottom: 10px; } .category-left-banner-holder img { width: 100%; height: auto; } .category-image-brand { position: relative; } @media(max-width:770px) { .category-image-brand { position: relative; top: 0; margin-bottom: 15px; margin-top: 10px; } .brand-logo-holder { text-align: center; } } .showing-text { padding-top: 0; /*margin-bottom: -4px;*/ color:#262626; padding-right: 10px; } .showing-text a, .showing-text a:hover, .showing-text a:focus, .showing-text a:active{color:#929292} .showing-text a.active, .showing-text a.active:hover, .showing-text a.active:focus, .showing-text a.active:active{color:#4e2d8d} .showing-text a{padding-left:5px} .basket-summary-count { height: 40px; width: 40px; border-radius: 40px; text-align: center; background-color: #7bb530; color: #fff; display: inline-block; font-size: 16px; font-weight:bold; position: relative; line-height: 40px; left: 2px; } .error-text, .error-text:hover, .error-text:visited { color: #b94a48; font-weight: bold; text-decoration: none; } .btn-social-pdf, .btn-social-pdf:hover, .btn-social-pdf:active { background-color: #4e2d8d; color: white; font-weight: bold; margin-bottom: 25px; } @media(max-width:1496px) { .li-level-1 a { font-size: 15px; } } @media(max-width:1366px) { .li-level-1 a { font-size: 15px; } } .basketcontainer { /*margin: 32px 0px;*/ } .pnglogo { margin:15px 0px; } .svglogo { margin: 8px 0px 0px; display: none; max-width: 400px; } .basket-pop-up { background-color: #fff !important; min-width :380px; padding-top: 0px; border-radius: 0px; border: 3px solid #ccc; top: 70px; right: -2px; margin: 0; } .basket-pop-up-total { font-size:25px; font-weight:bold; } .vertical-align-bottom { vertical-align: bottom; } .edit-my-basket-holder { position: absolute; bottom: 0px; } .basket-pop-up-total-holder-base { margin: 18px 3px; } /*.secure-shopping-pane { margin-top: 7px; }*/ .card-logos-pane { margin: 7px 0px; padding-right:15px } .quick-call-back-h3 { margin: 0px 0px 10px 0px } .captcha { width: 105px; } .if-js-disabled-pane { color:#f00;text-align:center;font-size: 14px; margin-bottom: 5px; } #special-instructions { width: 100%; height: 100px; } .line-height-34-px { line-height:34px; } .navbar-collapse.in { overflow-y: unset; } .basket-prod-img-holder { width: 90px; padding-right:15px; } .table-basket thead { background: linear-gradient(#fbfbfb, #e2e2e2); border: 1px solid #cecece; } .table-basket tbody tr td { padding-top: 15px; padding-bottom: 15px; } .table-basket tbody tr:first-child td { padding-top:25px; padding-bottom: 15px; } .table-basket.table > thead > tr > th { font-weight:normal; } .table-basket .thumbnail{ border:1px solid #ddd; padding:0; } .padding-left-none { padding-left: 0 !important; } .action-update-basket-qty { font-weight: 900 !important; font-size: 10pt !important; } .modal-backdrop { z-index: 0; } .page-content { /*padding-top: 265px;*/ } .page-content-checkout { /*padding-top: 166px;*/ } @media (max-width: 1199px) { .page-content { /*padding-top: 46px;*/ overflow-x: hidden; } .svglogo{max-width:100%} } .input-group .form-control { z-index: 0; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 0; } .help-text { font-size: 9pt !important; color: gray !important; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { z-index: 1; } .paging-buttons-holder { padding-left: 2px; padding-right: 0; } @media (max-width: 992px) { .inline-block-mobile-menu { display: inline-block !important; } } .newsletter-agree-checkbox-holder { margin-left: -37px !important; } .newsletter-agree-label { color: white; white-space: normal; text-align: left; } span.newsletter-agree-label{margin-left:10px} .category-page-left{ margin-top:35px } .category-page-left .img-thumbnail, .left-banners-container .img-thumbnail{ padding:0; border:none; border-radius:0; } @media (max-width: 767px) { .category-page, .flex-pane { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .category-page-left, .flex-left-pane { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .category-page-right, .flex-right-pane { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .svglogo{max-width:340px;} .call-to-us-outer{text-align:center;} .call-to-us-outer > span{float:none!important} } @media (max-width: 550px) { .svglogo{max-width:100%} } .nav-tabs > li { border: 1px solid #ddd; border-bottom-color: transparent; margin-right: 5px; } .nav-tabs > li.active { background-color: #ddd; padding-top: 2px; } .nav-tabs > li.active > a { background-color: #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none; } .pdf-icon { position: relative; top: -3px; } .leaflet-pane, .leaflet-top, .leaflet-bottom{z-index:2!important} .pricing-o-mobilestock{ display: none; } @media(max-width: 767px){ .pricing-o-mobilestock { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .pricing-o-mobilestock .lead-qty { padding-top: 0; margin: 0; } }