/* Minification failed. Returning unminified contents. (2433,16): run-time error CSS1063: Expected calculation unit, found ')' (2433,16): run-time error CSS1064: Expected calculation product, found ')' (2433,16): 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;} .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; } .working-ours{ color: #9b9da0; font-size:12px; margin-left: 59px; } .header-phone-part{ padding-left:50px; } .header-phone-part > img { margin-right:15px; 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;} .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; } /* 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; } .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{ 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; } }